Vue项目搭建

好吧，很久没碰过这个blog。有什么笔记我都是记在现实的笔记本上面，无奈有时候记得乱，找不到，这边mark down。

最近在做Vue项目，搭建环境避免不了。一开始学习的时候，还是先学webpack的基本知识，一步一步配置入口文件等等。后面当然就嫌麻烦了，尤大大的vue-cli打遍天下无敌手。

命令vue init webpack有两种版本，一个simple版vue init webpack-simple，simple版不带eslink语法检查、单元测试；vue init webpack带全功能。（另，vue的打包工具不仅限制于webpack，可以遵照vue init <template-name> <project-name>，即可以vue init browserify。）

目前可用的模板包括：

• browserify--全功能的Browserify + vueify，包括热加载，静态检测，单元测试

• browserify-simple--一个简易的Browserify + vueify，以便于快速开始。

• webpack--全功能的Webpack + vueify，包括热加载，静态检测，单元测试

• webpack-simple--一个简易的Webpack + vueify，以便于快速开始。

默认装好该用的东西了。开始：

1、vue init webpack blog

填写：Target directory exists. Continue? (Y/n) 直接回车默认(然后会下载 vue2.0模板，这里可能需要连代理) 
  Project name (blog-website) 直接回车默认 
  Project description (A Vue.js project) 直接回车默认 
  Author 直接回车默认 
  Use ESLint to lint your code? n 
  pick an eslint preset. 默认Standard 
  setup unit tests with karma + mocha?No(单元测试不需要) 
  setup e2e tests with Nightwatch?No(单元测试不需要)

2、cd blog

3、npm install

4、npm install vue-router vue-resource -save

5、npm run dev（启动项目）

6、npm run build（发布项目）

vue-cli脚手架搭建过程就是这样的