Vue项目搭建

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/ 
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值