一、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
