博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue3.0学习笔记(一)
阅读量:4478 次
发布时间:2019-06-08

本文共 749 字,大约阅读时间需要 2 分钟。

一、搭建工作环境环境

  1、从node.js官网下载相应版本进行安装即可 https://nodejs.org/zh-cn/download/,安装完成后在命令行输入  node -v 如果可以查询到版本号,说明安装成功。

  2、node自带npm包管理工具,在命令行输入  npm -v 如果查询到版本号,说明正常

  3、npm下载太慢,需要下载国内淘宝镜像: npm install -g cnpm --registry = https://registry.npm.taobao.org,安装完成后输入 cnpm -v 显示版本号,说明正常

  4、安装webpack(包管理工具),命令行输入  cnpm i webpack -g   ,-g说明是全局安装

  5、安装vue.cli 3.X脚手架,命令行输入 cnpm i @vue-cli -g      不选择版本号,将下载最新的稳定版本,输入vue -V 可查看版本

二、创建项目 

  1、命令行 进入项目目录

  2、创建项目:vue create 项目名称(不要有中文),选择manually select进行选择

  3、进入选择界面

 

根据项目需求,点击空格进行选择,一般情况下babel、router、vuex、 css都是需要的,然后回车进行创建项目

  4、创建时会询问之前选择项目的配置,根据自身项目 要求进行配置,下图是我的配置

 

最后选择是否作为默认配置,根据个人需要进行选择即可,然后回车,项目开始下载模板

  5、创建完成后,进入项目目录,输入cnpm run serve 即可启动项目,登陆后界面如下图

 

 

 

 

 

 

  

 

 

转载于:https://www.cnblogs.com/codingstudy/p/10898667.html

你可能感兴趣的文章
left join多表操作
查看>>
在pcDuino上刷了AndDroid,Ubuntu,XBMC
查看>>
1.C#基础学习笔记3---C#字符串(转义符和内存存储无关)
查看>>
delete了,析构函数却没有调用
查看>>
POJ 3264 Balanced Lineup
查看>>
removeFromSuperview 添加动画-by小雨
查看>>
java 操作格子问题(线段树)
查看>>
ARM32 Linux kernel virtual address space
查看>>
用C语言扩展Python的功能
查看>>
[MySQL 5.6] 初识5.6的optimizer trace
查看>>
LabVIEW(数据库连接)
查看>>
【CSDN博客之星】2013年CSDN博客之星正在评选,希望大家支持投票,非常感谢!...
查看>>
更新内容:关于Windows Azure技术内容搜索的新页面可用
查看>>
Web Service 的工作原理
查看>>
LaTeX技巧003:实现一个章标题
查看>>
第一次冲刺--站立会议07
查看>>
linux下pip的安装
查看>>
自我介绍
查看>>
Linux scp sudo
查看>>
初学者---AngularJS1 基础详解
查看>>