Vue CLI v3.x官方教程:https://cli.vuejs.org/guide/
Vue CLI是快速構建Vue.js項目的完整系統,提供:
- @vue/cli提供交互式項目構建腳手架;
- @vue/cli+@vue/cli-service-global實現零配置快速原型;
- 運行時依賴(@vue/cli-service):
- 可升級,
- 最新webpack構建,並預設合理默認值,
- 通過vue.config.js可對預設默認值修改,
- 可通過插件擴展;
- 豐富的官方插件,集成了前端生態中最好的工具;
- 用於創建和管理Vue.js項目的可視化圖形界面。
Vue CLI旨在成爲Vue生態中標準的構建工具,配置中合理的預設默認值能夠保證工作的順利進行,使得程序開發者在配置上花費的精力也能專注到應用程序的編寫上。同時,Vue CLI對調整每個工具的配置更靈活。
構成
Vue CLI由多個單獨發佈的包構成:
- babel-preset-app
Vue CLI項目中使用的默認BABEL預設。僅用於通過Vue CLI創建的項目。
cli-init
Vue CLI的命令插件,[email protected]的別名。cli-overlay
覆蓋vue-cli,使其不再生效。cli-plugin-babel
vue-cli的Babel插件,默認使用Babel 7 + babel-loader + @vue/babel-preset-app,可以通過babel.config.js修改。cli-plugin-e2e-cypress
vue-cli的e2e-cypress插件,增加Crypress的E2E測試支持。cli-plugin-e2e-nightwatch
vue-cli的e2e-nightwatch插件,使用NightwatchJS運行E2E測試。cli-plugin-eslint
vue-cli的eslint插件,用於編碼格式檢測。cli-plugin-pwa
vue-cli的pwa插件,可通過vue.config.js中的pwa屬性或package.json中的vue字段修改。cli-plugin-typescript
vue-cli的typescript插件,使用TypeScript + ts-loader + fork-ts-checker-webpack-plugin進行快速的類型檢查。cli-plugin-unit-jest
vue-cli的unit-jest插件,增加jest單元測試。cli-plugin-unit-mocha
vue-cli的unit-mocha插件,增加mocha單元測試。cli-service-global
全局安裝該包允許在沒有本地依賴的情況下直接運行vue服務和vue構建。cli-service
vue-cli servicecli-shared-utils
爲vue-cli提供一些常用的使用工具。cli-test-utils
爲vue-cli提供MongoDB測試工具。cli-ui-addon-webpack
@vue/cli-ui的儀表盤和分析器組件。cli-ui
應該是可視化部分,開發版本:yarn run serve, yarn run apollo,待測試。cli
工具入口。eslint-config-airbnb
airbnb eslint配置。eslint-config-prettier
prettier eslint配置。eslint-config-standard
eslint標準配置。eslint-config-typescript
typescript eslint配置。
CLI命令行工具
CLI服務
CLI插件