vue项目构建

1.使用vue构建项目
1.1 npm install -g vue-cli 安装脚手架
1.2 vue init webpack newvue 使用webpack构建项目newvue为项目名
1.3 目录：
build：打包信息配置。
dist：打包生成的文件。
config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。
node_modules：npm 加载的项目所需要的各种依赖模块。
src：这里是我们开发的主要目录（源码），基本上要做的事情都在这个目录里面，里面包含了几个目录及文件：
assets:放置一些图片，如logo等
components:目录里放的是一个个的组件文件
router/index.js：配置路由的地方
App.vue：项目入口组件（跟组件），我们也可以将组件写这里，而不使用components目录。主要作用就是将我们自己定义的组件通过它与页面建立联系进行渲染，这里面的必不可少。
main.js ：项目的核心文件（整个项目的入口js）引入依赖包、默认页面样式等（项目运行后会在index.html中形成一个app.js文件）。
static：静态资源目录，如图片、字体等。
test：初始测试目录，可删除
.XXXX文件：配置文件。
index.html：html单页面的入口页面，可以添加一些meta信息或者同统计代码啥的或页面的重置样式等。
package.json：项目配置信息文件/所依赖的开发包的版本信息及所依赖的插件信息。
README.md：项目的说明文件。
webpack.config.js：webpack的配置文件，把.vue的文件打包成浏览器能读懂的文件。
.babelrc:是检测es6语法的文件的配置
.getignore:忽略文件的配置（比如模拟本地数据mock不让他在get提交/打包上线的时候忽略不使用可在这里配置）
.postcssrc.js:前缀的配置
.eslintrc.js:配置eslint语法规则（在这里面的rules属性中配置让哪个语法规则失效）
.eslintignore:忽略eslint对项目某些文件的语法规则的检查
1.6 进入项目，下载依赖包 npm install (运行项目必须先下载依赖文件)
1.7 使用 npm run dev 运行项目
1.8 使用 npm run build 打包项目，会生成一个dist文件夹，文件夹内是打包后的代码