vue-cli搭建vue项目

1、安装nodejs

在nodejs官网下载最新版本的nodejs，需要选择4.0以上版本,4.5以上有个稳定版本，安装完成之后输入node -v查看安装是否成功。

2、配置淘宝npm镜像

由于需要通过npm下载各种模块，默认npm是从国处服务器下载，对于网络条件一般的用户可能很难下载成功，所以需要配置成淘宝的镜像。

打开命令行，输入：npm config set registry https://registry.npm.taobao.org

3、安装webpack

打开命令行，输入npm install webpack -g。安装完成后输入webpack -v，如果显示版本号，则说明安装成功。

4、安装vue-cli

打开命令行，输入npm install vue-cli -g。安装完成后输入vue -V查看版本事情，现在应该是2.8.2版本

5、通过vue-cli初始化项目

打开命令行，进入指定的目录，输入vue init webpack 项目名，一路回车即可

6、安装依赖

项目建好之后还不能运行，因为还需要安装各种依赖，进入项目目录中，在命令行输入npm install -d即可，安装依赖需要大概。至此通过vue-cli构建项目成功。5和6多了两个文件，如下图已将画出

7、启动项目

在命令行中输入npm run dev启动服务，启动完成后会默认打开一个欢迎页面，默认端口是8080，如图：