美文网首页让前端飞Web前端之路程序员
vue-cli安装、node-sass安装、mintUI组件库安

vue-cli安装、node-sass安装、mintUI组件库安

作者: ComfyUI | 来源:发表于2017-09-11 16:56 被阅读703次

    其实vue里面很多插件的安装和使用都是类似的,所以这里抛砖引玉,拿出几个案例出来理解一下就好。

    1、使用淘宝npm镜像

    很多安装失败的原因就是因为国内网络限制因素,所以使用淘宝镜像有利于解决这方面问题。(已经科学上网的同学可以跳过)。

    # 安装cnpm
    $ npm install -g cnpm --registry=https://registry.npm.taobao.org
    # 使用
    $ cnpm install [packagename]
    

    2、安装vue-cli
    官网写得很详细了,照着敲。

    # 安装cnpm
    # 全局安装 vue-cli
    $ npm install --global vue-cli
    # 创建一个基于 webpack 模板的新项目,项目名为my-project
    $ vue init webpack my-project
    
    # 进入到项目名为my-project的文件夹里
    $ cd my-project
    
    # 安装依赖,走你
    $ npm install
    
    # 运行
    $ npm run dev
    

    3、安装node-sass
    (网不好用cnpm)

    $ cnpm install node-sass --save-dev
    
    # sass-loader用来处理sass文件
    $ cnpm install sass-loader --save-dev
    

    然后:

    <style lang="scss" scope>
    /*输入你的sass代码*/
    </style>
    

    4、mintUI安装
    npm(cnpm)安装

    $ cnpm install mini-ui -save-dev
    
    import Vue from 'vue'
    import App from './App.vue'
    
    //引入
    import MintUI from 'mint-ui'
    import 'mint-ui/lib/style.css'
    
    //要记得use一下,然后就可以在全局中使用了
    Vue.use(MintUI)
    

    5、其实各类插件、库等安装的方法都大同小异,理解理解就好。

    参考学习
    https://npm.taobao.org/
    https://cn.vuejs.org/v2/guide/installation.html
    https://doc.webpack-china.org/loaders/sass-loader
    http://mint-ui.github.io/docs/#/zh-cn2/quickstart

    相关文章

      网友评论

        本文标题:vue-cli安装、node-sass安装、mintUI组件库安

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