使用vue-cli创建vue项目
下载
1.node官网安装nodejs（在安装好nodejs后npm存在）
nodejs下载
2.下载vue-cli
npm install -g vue-cli
3.检查安装成功
node -v
npm -v
vue（这里显示vue的帮助信息）
创建vue项目
vue help ： 查看vue可用命令
vue list ： 查看可用的构建vue项目的模板
vue init ： 根据模板来创建vue项目
首先查看vue中有那些项目模板
使用webpack模板创建vue项目
vue init webpack demoVueProject（项目名）
以上当初始化创建项目时存在乱码问题
修改编码格式为utf-8（chcp 65001）
目录结构
- bulid–项目构建（webpack）相关代码
1.build.js：完成项目之后需要运行的可以将项目文件打包成静态文件，存放在项目根目录dist文件夹中（初始化时并没有dist文件夹，项目打包时生成）
2.check-versions.js：主要是检查一些依赖的工具版本是否适用
3.logo.png：vuelogo图片
4.utils.js：提供工具函数，包括生成处理各种样式语言的loader，获取资源文件存放路径的工具函数
5.vue-loader.conf.js：引入utils.js，应该是用于切换开发模式和生产模式的文件，以便用于不同模式来解析loader
6.webpack.base.conf.js：此配置文件是vue开发环境的webpack相关配置文件，主要用来处理各种文件的配置（定义了vue实例app的main.js引用）
7.webpack.dev.conf.js：在webpack.base.conf.js的基础上增加完善了开发环境下面的配置
8.webpack.prod.conf.js：构建的时候用到的webpack配置来自webpack.prod.conf.js，该配置同样是在webpack.base.conf.js基础上进一步完善 - config–配置目录，包括端口等，默认端口8080
1.dev.env.js、prod.env.js、test.env.js：简单的设置了环境变量
2.index.js：描述开发和构建两种环境下的配置（运行和打包） - node_modules–npm加载的项目依赖模块
- src–开发的目录，基本上要做的事情都在这个目录里，包含以下目录文件：
1.assets：放置一些图片，如logo等（静态图片资源目录）
2.component：组件文件，可以不使用（存放开发所需组件）
3.route：存放项目路由文件
4.App.vue：项目入口文件，也可以直接将组建写在这里，不使用component目录（项目主组件，也是项目所有组件和路由的出口，之后他会被渲染到项目根目录index.html中显示出来，可以再此写一些适合全局的css样式）
5.main.js：项目核心文件（引入vue模块和app.vue组件以及路由route，需要在全局使用的一些东西也定义在这里） - static–静态资源目录（图片、字体、js、css）
- test–初始测试目录，可删除（测试部分先放置，后期在写）
1.unit：单元测试，可以为每个组件编写单元测试，放在test/unit/specs目录下面，单元测试用例的目录结构建议和测试文件保持一致（相对于src），每个测试用例的文件名以.spec.js结尾。执行npm run unit时会遍历所有的spec.js文件，产出的测试报告在test/unit/coverage目录
2.e2e：端到端或者是ui测试一种测试方法，它用来测试一个应用从头到尾的流程是否和设计时所想的一样（测试时运行runner.js文件） - index.html–首页入口文件，可添加meta信息或者统计代码
- package.json–项目配置文件（项目信息、项目描述、项目依赖包）
- RERADME.md–项目说明文档（运行、打包等指导）