美文网首页
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