項(xiàng)目搭建完成，認(rèn)識(shí)初始目錄

├── README.md                       // 項(xiàng)目說(shuō)明文檔
├── node_modules                    // 項(xiàng)目依賴(lài)包文件夾
├── build                           // 編譯配置文件，一般不用管
│   ├── build.js
│   ├── check-versions.js
│   ├── dev-client.js
│   ├── dev-server.js
│   ├── utils.js
│   ├── vue-loader.conf.js
│   ├── webpack.base.conf.js
│   ├── webpack.dev.conf.js
│   └── webpack.prod.conf.js
├── config                          // 項(xiàng)目基本設(shè)置文件夾
│   ├── dev.env.js              // 開(kāi)發(fā)配置文件
│   ├── index.js                    // 配置主文件
│   └── prod.env.js             // 編譯配置文件
├── index.html                      // 項(xiàng)目入口文件
├── package-lock.json           // npm5 新增文件，優(yōu)化性能
├── package.json                    // 項(xiàng)目依賴(lài)包配置文件
├── src                             // 我們的項(xiàng)目的源碼編寫(xiě)文件
│   ├── App.vue                 // APP入口文件
│   ├── assets                      // 初始項(xiàng)目資源目錄，回頭刪掉
│   │   └── logo.png
│   ├── components              // 組件目錄
│   │   └── Hello.vue           // 測(cè)試組件，回頭刪除
│   ├── main.js                 // 主配置文件
│   └── router                      // 路由配置文件夾
│       └── index.js            // 路由配置文件
└── static                          // 資源放置目錄

絕大多數(shù)的操作，就是在 src 這個(gè)目錄下面。默認(rèn)的 src 結(jié)構(gòu)比較簡(jiǎn)單，需要重新整理。

另外 static 資源目錄，也需要根據(jù)放置不同的資源，在這邊構(gòu)建不同的子文件夾。

原文：http://blog.csdn.net/FungLeo/article/details/77585205 前半部