vue-cli 脚手架

因为想记住这个过程，所以边实践边记录下来，希望可以帮助想开始搭建项目的人。

1.安装node.js点击打开链接

1.1 进入cmd  依次输入 node -v  npm -v

版本号出现就是成功的，注意：node自带npm  （包管理工具）

2.安装淘宝镜像cnpm

2.1 复制(npm install -g cnpm --registry= https://registry.npm.taobao.org)到你的cmd中执行

3.安装webpack

3.1 输入：npm install webpack -g

注意：webpack 4.x 开始要安装webpack-cli 依赖 所以执行：npm install webpack webpack-cli -g

使用  webpack -v  检查是否安装成功

4.安装vue-cli

4.1 输入： npm install vue-cli -g

因为安装过一次，所以这次用cnpm  注意： 查看vue是否安装成功使用 vue -V 命令  这里的 -V 是大写的V

5.搭建项目

5.1 找一个放工程的文件夹，cd到这个文件夹。或者 安装git之后，在相关文件夹选择 Git Bush Here 。

5.2 安装脚手架输入  ： vue init webpack exprice    (exprice 是项目名字，不能是中文！)

5.3 cd  到项目目录

5.4 安装依赖：npm install  (简写：npm  i) 

注意：如果慢的话就用cnpm 安装 

5.5 安装路由模块和网络请求模块  cnpm install vue-router vue-resource --save

5.6 启动项目 ： npm run dev