一、搭建环境

1、 安装nodejs （网址：https://nodejs.org/en/）

直接网上找下载就好。建议用推荐版本(8.11.3)。安装过程很简单，一路“下一步”就可以了。安装完成之后，打开命令行工具，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。安装成功后npm同时安装完成。

2、安装淘宝镜像

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

安装这里是因为我们用的npm的服务器是外国，有的时候我们安装“依赖”的时候很很慢很慢超级慢，所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v，如下图，如果出现相应的版本号，则说明安装成功。

3、安装webpack

npm install -g webpack

安装完成之后输入 webpack -v，如下图，

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

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

npm install vue-cli -g

安装完成之后输入 vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。

 

二、通过以上四步，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目

1、在你想要新建项目的路径下新建文件夹 用于存放项目文件 ，安装vue脚手架

2、cd 命令进入创建的工程目录，这里是自己建工程的名字；

3、安装项目依赖：npm install，因为自动构建过程中已存在package.json文件，所以这里直接安装依赖就行。不要从国内镜像cnpm安装(会导致后面缺了很多依赖库)，但是但是如果真的安装“个把”小时也没成功那就用：cnpm install 吧

4、启动项目，输入：npm run dev。服务启动成功后浏览器会默认打开一个“欢迎页面”

vue init webpack myproject
cd myproject
npm install
npm run dev