Vue CLI 3.x的使用(1)

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 service

  • cli-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插件

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章