搭建vue.cli脚手架

一、环境搭建

1.安装node.js

从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。

 

2.安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装这里是因为我们用的npm的服务器是外国，有的时候我们安装“依赖”的时候很很慢很慢超级慢，所以就用这个cnpm来安装我们说需要的“依赖”。

安装完成之后输入 cnpm -v，如下图，如果出现相应的版本号，则说明安装成功。

3.安装webpack

npm install webpack -g

安装完成之后输入 webpack -v，如果出现相应的版本号，则说明安装成功。

但是在在我的安装过程中出现了如下错误：

输入webpack -v：

虽然在安装了webpack-cli过程中仍然报错，但是在安装之后可以正常使用：

4.安装vue-cli脚手架构建工具

npm install vue-cli -g

vue -V 输出版本号则安装成功

二、开始使用vue-cli构建vue项目

1.创建并进入项目文件路径

指定项目文件目录方法：1.cd 目录路径 2.在项目文件中使用Git Bush Here

npm install
npm run dev
npm run build