1.安装脚手架
使用脚手架工具 vue-cli 可以快速地构建项目:单文件 Vue 组件,热加载,保存时检查代码,单元测试等。
# 全局安装 vue-cli$ npm install -g vue-cli
2.新建项目
# 创建一个基于 "webpack" 模板的新项目"my-project" $ vue init webpack my-project# 安装依赖,走你$ cd my-project$ npm install
webstorm:
1)设置javascript language version 为 ES6
2)会出现一直扫描文件的情况,exclude文件夹node_modules即可
3.添加组件
$ npm install vuex --save-dev
[email protected] node_modules\vuex$ npm install vue-router --save-dev
[email protected] node_modules\vue-router$ npm install vue-resource --save-dev
[email protected] node_modules\vue-resource$ npm install vux --save-dev
[email protected] node_modules\vux
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]
4.问题多多
1)events.js:141 throw er; // Unhandled ‘error‘ event
原因:tomcat占用了8080端口
2)vue cannot resolve module ‘vux/x-input‘
原因:build文件夹中的配置文件缺失
3)内存溢出
原因不详~