vue-cli安裝、node-sass安裝、mintUI組件庫安裝

06-04

來自專欄前端組隊小夥伴

想要加入公益團體很棒棒少年團歡迎加陽叔WX：erdaori

1、使用淘寶npm鏡像

在node中很多安裝失敗的原因就是因為國內網路限制因素，所以使用淘寶鏡像有利於解決這方面問題。（使用了翻牆、vpn，用install命令行可以正常安裝的可以跳過）。

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

2、安裝vue-cli

官網寫得很詳細了，照著敲。

# 全局安裝 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-devimport Vue from vueimport App from ./App.vue//引入import MintUI from mint-uiimport 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

作者：Ewall_

鏈接：https://www.jianshu.com/p/d7d0bac65877

來源：簡書

著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。

加陽叔WX：erdaori,驗證：admin 歡迎加入棒棒團