先從最外層走起（根目錄文件）：
- babelrc：作為項目babel的配置文件（Babel 是一個 JavaScript 編譯器，作為我們項目對js的編譯），可以將我們項目es5以上的語法編譯成大多瀏覽器都支持的es5語法等功能，還可以在這里配置一些框架的按需加載（如element-ui）
- .editorconfig：項目中編輯代碼風格
- .gitignore : 用于git的忽略文件配置（我們使用git提交的時候，有些文件是不需要提交的，如node模塊的node_modules文件夾、打包成功的dist文件夾等）
- .postcssrc.js: 用于對style的less語法支持配置
- index.html: 項目的首頁，即我們編寫的代碼會通過這個文件顯示給瀏覽器
- package.json package-lock.json: 這個就不用多說了吧，大家都懂是項目包的依賴文件
- README.md: 展現(xiàn)在GitHub上的描述文件
build文件夾
- build.js: 作為項目打包的時候（npm run build）的入口文件，通過這個js將整體項目打包
- check-versions.js：用于版本node和npm版本的檢測
- dev-client.js
- 引入eventsource-polyfill模塊
- 監(jiān)聽dev-server.js中webpack-hot-middleware發(fā)布的事件并作相應的處理
4.dev-server.js
- 檢查npm與node的版本
- 引入相關插件和配置
- 創(chuàng)建express服務器和webpack編譯器
- 配置開發(fā)中間件（webpack-dev-middleware）和熱重載中間件（webpack-hot-middleware）
- 掛載代理服務和中間件
- 配置靜態(tài)資源
- 啟動服務器監(jiān)聽特定端口（8080）
- 自動打開瀏覽器并打開特定網(wǎng)址（localhost:8080）
- utils.js：用于項目中關于loader器的引用和項目title、icon等設置
- vue-loader.conf.js：因為項目是基于vue的，所以，需要一個vue-loader來識別.vue后綴的文件，這個文件，就是vue-loader的配置文件
- webpack.base.conf.js：項目webpack的基礎配置文件
- webpack.dev.conf.js：開發(fā)環(huán)境下的webpack配置文件
- webpack.prod.conf.js：生產(chǎn)環(huán)境下的webpack配置文件
config文件夾
- dev.env.js、prod.env.js：用于配置項目的環(huán)境變量
- index.js：用于webpack的一些配置信息
node_modules文件夾
項目包存儲的地方
src文件夾
- assets文件夾：這里放置項目的模塊靜態(tài)資源，如css，js還有圖片、字體
- components文件夾：使用vue的都知道，vue是模塊化的框架，我們將頁面中的元素分模塊編寫，從而提高代碼修改的方便性以及重用的效率，這個文件夾內(nèi)就是我們項目的模塊存放地址
- router文件夾：vue-router讓我們能處理vue的路由，從而更佳的使用component，這個文件夾內(nèi)就是個vue-router的配置文件
- APP.vue：作為項目的根組件，也就是我們直接吧這個組件裝到index.html中進行渲染
- main.js：作為webpack項目的入口文件，在這個文件夾內(nèi)，我們是可以引用靜態(tài)資源以及對整體vue的配置
static文件夾
用于存放在整體項目的靜態(tài)資源，如圖片，字體等
參考：https://blog.csdn.net/crazy_jialin/article/details/80433020
