Vue CLI是一個(gè)基于Webpack和Webpack Dev Server的腳手架工具，可以快速的創(chuàng)建Vue.js項(xiàng)目架構(gòu)。Vue CLI是一個(gè)全局的命令行工具，它可以通過命令行的方式快速創(chuàng)建、管理和運(yùn)行項(xiàng)目。Vue CLI的目錄結(jié)構(gòu)如下：

├── node_modules
├── public
│   ├── favicon.ico
│   └── index.html
├── src
│   ├── assets
│   ├── components
│   ├── router
│   ├── store
│   ├── views
│   ├── App.vue
│   └── main.js
├── .browserslistrc
├── .eslintrc.js
├── babel.config.js
├── package-lock.json
├── package.json
├── README.md
└── vue.config.js

其中，node_modules目錄存放項(xiàng)目所需的依賴包、public目錄存放項(xiàng)目的靜態(tài)資源文件，包括靜態(tài)頁面、圖片等，src目錄是開發(fā)者要修改的核心代碼目錄，該目錄下的文件主要用于配置路由、狀態(tài)管理、組件等。

在Vue CLI中，.browserslistrc文件用于配置項(xiàng)目所需要的瀏覽器版本列表，.eslintrc.js文件為ESLint語法檢查工具的規(guī)則文件，babel.config.js文件為Babel語法轉(zhuǎn)換工具的配置文件，可以在其中配置項(xiàng)目需要使用的插件和預(yù)設(shè)。package-lock.json文件為npm包管理器的鎖文件，用于鎖定甚至不同版本的npm依賴包，保證人員合作開發(fā)時(shí)依賴包版本的一致性。

最后一個(gè)文件vue.config.js是Vue CLI中的配置文件，使用該文件可以配置WebPack，包括開發(fā)環(huán)境和生產(chǎn)環(huán)境的配置。