使用vue-cli脚手架来新建vue项目
命令：vue init webpack vue_demo1
vue_demo1是项目名称，我们自己取名即可；
核心本质，是去github下载一个模版， https://github.com/vuejs-templates/webpack
通过脚手架可以设置名称，以及定制插件；
一些设置选项：
设置项目名称，项目描述，作者，以及选择构建模式，我们选运行+编译模式；
vue-router要用到，所以选用，
eslint代码验证用到，所以选用，以及选标准模式；
我们不用单元测试，所以no，以及e2e测试 也是no
然后那个再选用NPM下载；
等下载完成后，
模版项目就OK了；
每个文件的详解，可以参考：
https://segmentfault.com/a/1190000014804826
运行项目
我们先打开webstorm 然后open打开刚才的vue_demo1项目
打开左下角终端Terminal 输入启动命令：npm run dev
启动OK；我们浏览器输入 http://localhost:8080 启动项目
显示这个的话 就说明完全OK；
优化配置，轻松写学习开发；
我们稍微优化下配置，让端口搞成默认80，以及启动后自动打开浏览器，顺便熟悉下配置；
打开config下的index.js 把 port改成80，autoOpenBrowser改成true即可。
然后重启试下。