Vue Cli安裝和node-sass、less-loader、sass-loader安裝


一、Vue Cli安裝

CLI全程是Command-Line Interface,命令行界面,俗稱腳手架,可以幫我們快速的創建vue項

Vue Cli的使用必須依賴node環境和webpack

管理員方式打開cmd進行安裝,安裝命令:

npm i -g @vue/cli

查看版本

C:\Windows\system32>vue -V
@vue/cli 4.5.13

二、node-sass安裝

vue項目如果沒有采用vue-cli方式創建,那么在項目下載之后,需要安裝node-sass,不然會報錯。安裝后再進行編譯

npm install node-sass --registry=https://registry.npm.taobao.org
npm i

如果node-sass版本不對,可以使用如下命令:

npm install --save node-sass --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/dist 
--sass-binary-site=
http://npm.taobao.org/mirrors/node-sass

卸載node-sass命令

cnpm uninstall node-sass -g

安裝指定版本的node-sass

npm i -D node-sass@4.12.0 

node-sass 與node版本對應

三、清除緩存

npm cache clean -f

四、less和less-loader安裝

默認vue-cli創建的項目並沒有安裝less-loader,如果你想要使用less語法,必須先配置好less相關的loader。

安裝less-loader,還要安裝less,因為less-loader是依賴於less的。

npm install less less-loader --save-dev

 如果報錯:Syntax Error: TypeError: this.getOptions is not a function,因為less-loader安裝的版本過高

卸載less-loader

npm uninstall less-loader

安裝less-loader

npm install less-loader@6.0.0

五、安裝js-cookie

npm命令

npm install --save js-cookie

六、安裝sass-loader

npm命令

npm install --save-dev sass-loader  

 卸載sass-loader

npm uninstall --save sass-loader

 指定版本

npm install sass-loader@7.3.1 --save-dev

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM