vue-cli脚手架搭建

1、首先安装好node.js
 登录node.js中文网http://nodejs.cn/根据自己的电脑系统下载相应的安装包；安装完成后，在cmd命令窗口中输入 node -v出现版本号后即为安装成功。



2、在需要项目文件夹中按住shift键右击，选择在此处打开命令窗口。



3、输入npm install vue-cli -g进行安装，安装完成后，输入vue -V然后出现版本号后代表安装完成。



4、安装webpack模板。输入vue list 即可查看vue提供的模板，建议普通的小项目用webpack-simple就足够了，假如是公司的大项目还是要用webpack完整版，我这儿用的是精简版。



5、配置项目的一些信息，基本上是一路回车。



6、跳转到项目文件中安装项目所需要的依赖。



7、输入npm run dev 运行项目，浏览器会自动打开默认的vue模板。



8、打包项目。



打包完成后会把所有所需要的文件生成到dist文件夹中，上线的时候只需要把dist文件夹放到服务器上就可以咯。
注：cnpm为国内的镜像，安装方法如下，打开cmd命令行工具输入如下代码，安装完成后输入cnpm -v显示版本号即为安装成功。npm install -g cnpm --registry=https://registry.npm.taobao.org