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

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)

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容