上一篇寫(xiě)了 vue-cli 的安裝項(xiàng)目的兩種方式 vue-cli 3.0 安裝 (一)
CLI服務(wù)
在package.json使用默認(rèn)預(yù)設(shè)的項(xiàng)目中看到的內(nèi)容
{
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build"
}
}
您可以使用npm或Yarn調(diào)用這些腳本:
npm run serve
# OR
yarn serve
如果您有npx可用(應(yīng)與最新版本的npm捆綁在一起)倔毙,您還可以直接使用以下命令調(diào)用二進(jìn)制文件:
npx vue-cli-service serve
vue-cli-service serve
Usage: vue-cli-service serve [options]
Options:
--open 服務(wù)器啟動(dòng)時(shí)打開(kāi)瀏覽器
--copy 將URL復(fù)制到服務(wù)器啟動(dòng)時(shí)的剪貼板 (直接到瀏覽器去粘貼就OK了 http://localhost:8080/)
--mode 指定環(huán)境模式 (默認(rèn): development)
--host host 地址 (default: 0.0.0.0)
--port 端口號(hào) (default: 8080)
--https 使用https (default: false)
vue-cli-service build
Usage: vue-cli-service build [options] [entry|pattern]
Options:
--mode 指定環(huán)境模式 (default: production)
--dest 指定輸出目錄 (default: dist)
--modern 構(gòu)建兩個(gè)版本的 js 包:一個(gè)面向支持現(xiàn)代瀏覽器的原生 ES2015+ 包,以及一個(gè)針對(duì)其他舊瀏覽器的包浑厚。
--target 允許您以項(xiàng)目庫(kù)或Web組件的形式在項(xiàng)目?jī)?nèi)部構(gòu)建任何組件 app | lib | wc | wc-async (default: app) ???
--name lib或者web組件庫(kù)的名稱 (default: "name" in package.json or entry filename)
--no-clean 在構(gòu)建項(xiàng)目之前不要?jiǎng)h除輸出目錄(dist)
--report 生成report.html以幫助分析包內(nèi)容
--report-json 生成report.json來(lái)幫助分析包內(nèi)容
--watch 監(jiān)聽(tīng) - 當(dāng)有改變時(shí) 自動(dòng)重新打包~
vue-cli-service inspect
使用它vue-cli-service inspect
來(lái)檢查Vue CLI項(xiàng)目中的webpack配置盹憎。有關(guān)更多詳細(xì)信息赊琳,請(qǐng)參閱檢查Webpack配置
Usage: vue-cli-service inspect [options] [...paths]
Options:
--mode 指定環(huán)境模式 (default: development)