美文网首页
vue-cli+element-ui搭建完整vue项目(一)

vue-cli+element-ui搭建完整vue项目(一)

作者: 暖年的咆哮 | 来源:发表于2019-12-02 16:45 被阅读0次

1、安装node (node6以上)
2、npm install vue-cli -g
3、vue init webpack

vue init webpack时,Set up unit tests与Setup e2e tests with Nightwatch?一般选择no,当然如果有相对应需求的可以选yes。
Eslint个人建议一定要加上,不管对于项目管理,以及代码格式的规范都很方便。其他的看字面意思就行

4、安装其他开发需要的模块以及插件

//vuex稍大点的项目基本都会用得到
//axios目前应该是最流行的前后端通信方式了
//element-ui
npm install vuex axios element-ui --save

5、安装sass

npm install node-sass -D
//在此过程中可能会遇到
Error: Can't find Python executable "python", you can set the PYTHON env variable
这个错误,原因为使用npm安装,部分文件被墙导致安装失败,解决办法为使用cnpm安装之后再卸载,在使用npm安装,当然也可以一开始就使用cnpm的方式安装整个项目需要的依赖
npm install sass-loader -D
npm install style-loader  -D

6、在main.js中加入下面四句话

import Router from 'vue-router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)
Vue.use(Router)

上面就是目前来说需要安装的所有插件了,下一节开始做一些基础的配置

相关文章

网友评论

      本文标题:vue-cli+element-ui搭建完整vue项目(一)

      本文链接:https://www.haomeiwen.com/subject/dlrfgctx.html