Vue腳手架是用于快速搭建Vue項(xiàng)目的工具，它提供了一系列默認(rèn)配置以方便我們快速構(gòu)建項(xiàng)目。下面，我們來看一下這些默認(rèn)配置。

module.exports = {
lintOnSave: true,
runtimeCompiler: true,
transpileDependencies: [
'vue-echarts',
'resize-detector'
],
productionSourceMap: false,
css: {
sourceMap: true,
loaderOptions: {
sass: {
prependData: `@import "@/scss/_variables.scss";`
}
}
},
devServer: {
port: 3000
}
}

首先是lintOnSave，它表示是否開啟ESLint檢查，默認(rèn)為true。當(dāng)我們使用vue-cli腳手架創(chuàng)建Vue項(xiàng)目時，就已經(jīng)默認(rèn)安裝了ESLint插件，用于檢查代碼規(guī)范。如果我們想關(guān)閉ESLint檢測，可以將lintOnSave設(shè)置為false。

接下來是runtimeCompiler，它表示是否使用運(yùn)行時版本的編譯器，即將模板字符串編譯成render函數(shù)的過程是否在運(yùn)行時執(zhí)行。默認(rèn)情況下，Vue使用的是只包含運(yùn)行時版本的Vue.js，即不包含模板編譯器，這也是Vue構(gòu)建體積更小的原因。如果我們需要在運(yùn)行時編譯模板，可以將runtimeCompiler設(shè)置為true。

然后是transpileDependencies，它表示哪些依賴包需要被babel轉(zhuǎn)義。默認(rèn)情況下，只有node_modules中的依賴包才會被babel轉(zhuǎn)義。如果我們使用了其他需要被轉(zhuǎn)義的第三方包，可以將它們添加到transpileDependencies數(shù)組中。

接下來是productionSourceMap，它表示生產(chǎn)環(huán)境是否生成source map，默認(rèn)為false。source map可以方便我們在調(diào)試生產(chǎn)環(huán)境代碼時定位代碼位置，但也會增加構(gòu)建時間和文件體積。如果我們不需要source map，可以將productionSourceMap設(shè)置為false。

然后是css配置，它包含sourceMap和loaderOptions兩個屬性。sourceMap表示是否生成CSS source map，默認(rèn)為true。而loaderOptions則允許我們?yōu)镃SS預(yù)處理器（如Sass、Less等）添加一些自定義選項(xiàng)。例如上述代碼中的Sass預(yù)處理器設(shè)置了一個prependData選項(xiàng)，用于在所有的Sass文件中引入_variables.scss文件。

最后是devServer配置，它用于配置開發(fā)服務(wù)器。其中port表示開發(fā)服務(wù)器的端口號，默認(rèn)為8080。如果我們需要更改端口號，可以將port屬性設(shè)置為我們希望的端口號。