Vue-cli脚手架的搭建步骤

在搭建vue-cli之前 呢必须要确保node已经安装

node安装参考地址：

http://www.runoob.com/nodejs/nodejs-install-setup.html

第一步：先创建一个文件夹

第二部：在文件夹中打开cmd

打开cmd之后先确保node已经被安装了

执行npm node -v 命令

如果命令输出结果为版本号就是代表node已安装

第三部：安装webpack

执行npm/cnpm install webpack -g

第四步：安装脚手架

执行npm/cnpm install vue-chi  -g

第五步：初始化项目

执行 vue init webpack(你给这个项目起的名字)

第六步：将cmd切到创建的项目的目录下

执行命令 cd（你起的项目起的名字）

第七步： 所有的模块都安装好了，跑下项目

执行 npm run dev

如果浏览器出现这样的界面就代表项目跑起来了，接着就可以开发项目了

特别说明：

vue-cli安装的所有的依赖包

1、build目录

主要利用webpack与node插件启动一些相关服务的js文件

2、config目录主要针对开发环境，生产环境，测试环境的配置信息

3、src使我们开发时的源码目录

4、static是一些第三方库的包用到的静态资源目录

（build下边的dev-server.js文件是主要的入口文件）

第八步：当写好模块需要打包上传的时候

执行命令 cnpm/npm run build

如有大神觉得我写的东西仍需要完善可以在评论区留言~~~