Vue项目创建流程

Vue-Cli创建项目

安装前准备

1. 安装node.js – 自行网络搜索
2. 设计镜像为taobao镜像 – npm config set registry https://registry.npm.taobao.org
3. 顺便说一下
   1. 安装目录尽量不要设置在C盘
   2. 更改NPM默认下载路径
   3. 安装完成最好重启一下电脑
   4. 小哥的设置结果
      

正式创建

1. 安装脚手架: npm install -g @vue/cli
2. 查看脚手架的版本 – vue -V
3. 在你想要创建项目的地方右键打开Powershell窗口 – vue create clidemo
   1. 选择手动创建
      
   2. 我这里选择的Bable和Router, 没有启用Eslint检查.
   3. 没有使用history模式, 默认的是hash模式
   4. 把bable等配置文件放在一个单独的文件
   5. 此次配置不作为我的模版
      

试运行

1. 使用IDE(WebStorm或者VsCode打开)
2. 打开Terminal窗口, 运行npm install 然后 npm run serve.
3. 出现访问页面, 项目创建Ok.