cool-2018-02-28-利用vue-cli搭建vue项目框架

首先安装node.js1.在新建的目录中按住shift 鼠标右键，在此处打开命令窗口，版本保证在4.x以上node -v2.全局安装vue脚手架npm install -g vue-cli同时可以使用vue和vue list 命令查看3.初始化模板配置和项目名字vue init webpack mychartsmycharts是项目名其中有许多需要选择的选项，eslint适合团队开发，规范代码之类的，个人开发我喜欢用stylus，所以这个选项我不会选n，其他Y4.有提示就按enter，需要输入就输入具体参考这下面这张图

5.进入sell项目目录中shift + 鼠标右键，进入命令窗口，下载依赖包npm install6启动项目npm run devico图标制作https://icomoon.io/app/#/select/font
剩下的就按需加载，安装过程中，有时候，第一次安装会报错，重复安装一次就好安装babel-polyfill es6-promisenpm install babel-polyfill es6-promise --save-dev
安装stylus stylus-loadernpm install stylus-loader stylus --save-dev
安装vue-style-loadernpm install vue-style-loader --save-dev
安装css-loadernpm install css-loader --save-dev
安装vuex，全局变量的使用npm install vuex --save-dev
安装axios，前后台通信框架npm install axios --save-dev
安装iviewui，第三方框架npm install iview --save-dev
安装echartsnpm install echarts --save-dev
安装jquerynpm install jquery --save-devimport $ from 'jquery'




从github上down项目vue项目下来的时候，在控制台执行npm install之后再运行项目即可剩下的跟平时开发是一样的了