Vue CLI Service是一個官方提供的開發工具,用來幫助我們快速創建和管理Vue.js項目。它基于webpack和webpack-dev-server,并內置了很多常用的功能和插件,讓我們可以輕松地搭建和開發一個Vue.js項目。
Vue CLI Service有很多的配置選項,可以通過一個配置文件來管理,這個文件默認是vue.config.js。我們可以在這個文件中設置一些常用的選項,例如publicPath、devServer、transpileDependencies等等。如果我們需要修改默認配置,就需要使用到這個文件。
// vue.config.js module.exports = { publicPath: '/', devServer: { port: 8080, proxy: { '/api': { target: 'http://localhost:3000', ws: true, changeOrigin: true } } }, transpileDependencies: [ 'vue-echarts', '@antv/g2' ] }
Vue CLI Service還提供了很多自定義的命令,例如serve、build、lint等等。我們可以通過命令行來運行這些命令,例如:
// 運行開發服務器 vue-cli-service serve // 打包項目 vue-cli-service build // 執行代碼檢查 vue-cli-service lint
在這些命令中,serve是最常用的命令,它會創建一個開發服務器,并監聽文件的變化。我們可以在瀏覽器中訪問這個服務器,查看我們的應用程序。如果文件發生了變化,開發服務器會自動編譯和熱重載,使我們的開發變得更加高效。
除了上述功能之外,Vue CLI Service還集成了很多其他的插件,例如PWA插件、TypeScript插件、ESLint插件等等。我們可以通過在Vue CLI Service項目中添加這些插件來擴展其功能。