Vue CLI 是一個(gè)前端工具，用于快速生成 Vue.js 項(xiàng)目的腳手架。它提供了一個(gè)使用 Vue.js 進(jìn)行開發(fā)的完整工作流。可以使用 Vue CLI 創(chuàng)建項(xiàng)目，快速搭建 Vue.js 開發(fā)環(huán)境。Vue CLI 集成了很多功能，包括代碼打包，代碼壓縮等。但是在某些情況下，我們可能需要生成一個(gè)未壓縮的 Vue.js 代碼。

首先，我們需要安裝 Vue CLI。可以通過 npm 安裝，也可以使用 yarn 安裝。

# 使用 npm 安裝
npm install -g @vue/cli
# 使用 yarn 安裝
yarn global add @vue/cli

安裝完成后，使用 Vue CLI 可以創(chuàng)建一個(gè)全新的項(xiàng)目。

vue create my-project

這條命令會(huì)創(chuàng)建一個(gè)名為 my-project 的 Vue.js 項(xiàng)目。接著，在項(xiàng)目根目錄下，我們可以找到一個(gè) vue.config.js 文件。這個(gè)文件用于配置項(xiàng)目的構(gòu)建選項(xiàng)，包括壓縮等選項(xiàng)。我們可以在這個(gè)文件中對(duì) Vue.js 進(jìn)行壓縮配置。

為了生成未壓縮的 Vue.js 代碼，我們需要禁用代碼壓縮。在 vue.config.js 文件中，添加下面的配置。

module.exports = {
productionSourceMap: false,
chainWebpack: config =>{
config.optimization.minimize(false);
}
}

以上配置可以禁用代碼壓縮。productionSourceMap 屬性設(shè)置為 false 可以禁用生成的打包文件的 source map。chainWebpack 屬性用于覆蓋 webpack 配置，通過 config.optimization.minimize(false); 禁用代碼壓縮。

這樣，我們就成功了禁用了代碼壓縮。重新運(yùn)行 npm run build 或 yarn build 命令來生成打包文件。可以看到打包的 Vue.js 代碼已經(jīng)在未被壓縮的情況下生成。

總結(jié)一下，使用 Vue CLI 生成 Vue.js 項(xiàng)目的時(shí)候，內(nèi)置了很多的功能。如果需要生成未壓縮的 Vue.js 代碼，只需要在項(xiàng)目根目錄下的 vue.config.js 文件中添加配置 productionSourceMap: false 和 config.optimization.minimize(false) 就可以禁用代碼壓縮。這樣就可以生成未壓縮的 Vue.js 代碼了。