1. 安装nodejs
https://nodejs.org/en/download/current/
npm自我更新:npm install -g npm
2. 配置npm持久使用淘宝镜像
npm config set registry https://registry.npm.taobao.org
npm config get registry
3. 安装vue-cli
npm install vue-cli -g
4. 创建示例项目
vue init webpack vuehelloworld
5. 项目导入到idea
Javascript语言设置为jsx
webpack配置文件路径定位到webpack.base.conf.js
安装vue插件,修改vue扩展名打开方式设置为vue插件
取消idea的自动保存,防止频繁触发编译
若要在开发时使用idea自带的svn功能,请确保svn命令在系统path中正确安装(建议)
6. 项目安装依赖
集成element-ui:http://element-cn.eleme.io/#/zh-CN/component/installation
安装axios:npm install axios -S
重新安装项目依赖的模块:npm i
7. 运行项目(dev模式)
npm run dev
8. vue chrome插件
https://github.com/vuejs/vue-devtools
9. 打包项目
npm run build
简易静态文件服务器
npm install http-server -g
10. 参考资料:
vue学习:https://cn.vuejs.org/v2/guide/
vue-router:https://router.vuejs.org/zh/
vuex:https://vuex.vuejs.org/zh/
es6学习(阮一峰的博客):http://es6.ruanyifeng.com/
element-ui组件:http://element-cn.eleme.io/#/zh-CN/component/installation
https://192.168.0.50/svn/KNX/