Vue-cli是Vue的腳手架，類似Java中的SpringBoot框架，用于搭建一個(gè)標(biāo)準(zhǔn)的項(xiàng)目。 Vue-cli大大降低了webpack的使用難度，支持熱部署，有webpack-dev-server的支持，相當(dāng)于啟動(dòng)了一個(gè)請(qǐng)求服務(wù)器作為測(cè)試環(huán)境，我們只關(guān)注開發(fā)就可以了。
目錄
安裝和配置
安裝Node.js
npm工具
npm配置國(guó)內(nèi)鏡像（淘寶鏡像）
nrm工具
安裝Vue-Cli
?可能出現(xiàn)的問題
vue無法加載文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本……解決辦法
無法將“node.exe”項(xiàng)識(shí)別為 cmdlet、函數(shù)、腳本文件或可運(yùn)行程序的名稱
npm : 無法將“npm”項(xiàng)識(shí)別為 cmdlet、函數(shù)、腳本文件或可運(yùn)行程序的名稱
安裝和配置
安裝Node.js
官網(wǎng)：Node.js
Node下載（Download | Node.js）
安裝后配置環(huán)境變量：在Path中添加NodeJS的全局安裝路徑：
檢查是否安裝成功：在命令行輸入npm -v 如果安裝成功，會(huì)顯示版本號(hào)
npm工具
NodeJS的包管理工具，類似Maven，安裝Node.js后就有了 基本命令：
npm -v 查看版本
npm install 包名 --save 安裝? ? ?可簡(jiǎn)寫成npm i 包名 -s
npm uninstall 包名 --save 卸載
npm run serve 運(yùn)行項(xiàng)目
npm build 項(xiàng)目打包
npm list --depth=0 -global 查看已經(jīng)全局安裝的模塊
如果不是最新版本，運(yùn)行指令
npm install -g npm
如果想更新到指定版本，運(yùn)行指令
npm -g install npm@6.8.0
?PS： -s是安裝到當(dāng)前目錄，-g是安裝到全局
npm配置國(guó)內(nèi)鏡像（淘寶鏡像）
npm是node.js庫(kù)的包管理工具，因?yàn)殓R像地址在國(guó)外，安裝庫(kù)會(huì)比較慢，可以將鏡像地址修改為國(guó)內(nèi)地址，來提供安裝庫(kù)的速度。配置國(guó)內(nèi)鏡像命令如下：
// npm配置淘寶鏡像
npm config set registry https://registry.npm.taobao.org
?
// 查看npm鏡像是否配置成功
npm config get registry
?
// npm回復(fù)鏡像
npm config delete register
npm config edit
?
// npm安裝cnpm，使用cnpm來安裝js庫(kù)
npm install -g cnpm --registry=https://registry.npm.taobao.orgnrm工具
npm默認(rèn)站點(diǎn)在國(guó)外，配置國(guó)內(nèi)鏡像，提高下載速度
npm install nrm -g 安裝nrm
nrm ls 查看鏡像
nrm use 鏡像名 使用鏡像
也可以使用淘寶鏡像：
npm install -g cnpm –registry=https://registry.npm.taobao.org
安裝Vue-Cli
npm install -g @vue/cli
vue --version
?可能出現(xiàn)的問題
vue無法加載文件C:\Users\Administrator\AppData\Roaming\npm\vue.ps1因?yàn)樵诖讼到y(tǒng)上禁止運(yùn)行腳本……解決辦法
管理員身份運(yùn)行PowerShell（命令提示符，來源于Linux的命令提示符也叫Shell）
右鍵開始
執(zhí)行：set-ExecutionPolicy RemoteSigned （簽名或運(yùn)行這些腳本）
?set-ExecutionPolicy RemoteSigned
無法將“node.exe”項(xiàng)識(shí)別為 cmdlet、函數(shù)、腳本文件或可運(yùn)行程序的名稱
1 去C盤查看用戶下npm里是否有node.exe文件 ，大概路徑
C:\Users\29412\AppData\Roaming\npm
2 如果少了node.exe，找到node安裝路徑目錄，復(fù)制node.exe文件到上面文件路徑下，重啟即可
npm : 無法將“npm”項(xiàng)識(shí)別為 cmdlet、函數(shù)、腳本文件或可運(yùn)行程序的名稱
npm list --depth=0 -global 查看已經(jīng)全局安裝的模塊如果全局安裝的模塊中沒有npm 則重新安裝??文章來源：http://www.zghlxwxcb.cn/news/detail-767799.html
npm -g install npm@6.13.4
或者
npm install npm@指定版本 -g
文章來源地址http://www.zghlxwxcb.cn/news/detail-767799.html
如果出現(xiàn)一些依賴無法找到的問題，解決辦法最好就是將以前能運(yùn)行的項(xiàng)目中node_modules文件夾復(fù)制進(jìn)來,并且復(fù)制package.json文件
到了這里，關(guān)于Vue-Cli安裝和配置（全）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
