當(dāng)前處理項(xiàng)目，要做兩個(gè)模仿內(nèi)容，一個(gè)是codejs的列表頁笤妙，一個(gè)是詳情頁
對(duì)于當(dāng)前項(xiàng)目當(dāng)前的src路徑文件夾內(nèi)容冒掌，整理如下：
├── App.vue // APP入口文件
├── api // 接口調(diào)用工具文件夾
│ └── index.js // 接口調(diào)用工具
├── components // 組件文件夾，目前為空
├── config // 項(xiàng)目配置文件夾
│ └── index.js // 項(xiàng)目配置文件
├── frame // 子路由文件夾
│ └── frame.vue // 默認(rèn)子路由文件
├── main.js // 項(xiàng)目配置文件
├── page // 我們的頁面組件文件夾
│ ├── content.vue // 準(zhǔn)備些 cnodejs 的內(nèi)容頁面
│ └── index.vue // 準(zhǔn)備些 cnodejs 的列表頁面
├── router // 路由配置文件夾
│ └── index.js // 路由配置文件
├── style // scss 樣式存放目錄
│ ├── base // 基礎(chǔ)樣式存放目錄
│ │ ├── _base.scss // 基礎(chǔ)樣式文件
│ │ ├── _color.scss // 項(xiàng)目顏色配置變量文件
│ │ ├── _mixin.scss // scss 混入文件
│ │ └── _reset.scss // 瀏覽器初始化文件
│ ├── scss // 頁面樣式文件夾
│ │ ├── _content.scss // 內(nèi)容頁面樣式文件
│ │ └── _index.scss // 列表樣式文件
│ └── style.scss // 主樣式文件
└── utils // 常用工具文件夾
└── index.js // 常用工具文件
因?yàn)閯h除了一些默認(rèn)的文件蹲盘，所以這個(gè)時(shí)候項(xiàng)目一定是報(bào)錯(cuò)的股毫，先不管它，根據(jù)需求召衔，新建如上的項(xiàng)目結(jié)構(gòu)铃诬。這些都是在 src 目錄里面的結(jié)構(gòu)。
static目錄結(jié)構(gòu)比較簡(jiǎn)單苍凛，一般做如下配置：
├── css // 放一些第三方的樣式文件
├── font // 放字體圖標(biāo)文件
├── image // 放圖片文件趣席，如果是復(fù)雜項(xiàng)目，可以在這里面再分門別類
└── js // 放一些第三方的JS文件醇蝴，如 jquery
把樣式和 JS 如果是放在 src 目錄里面吩坝，則每次打包的時(shí)候，都需要打包的哑蔫。這回增加打包項(xiàng)目的時(shí)間長度。而且弧呐，一些地方放的文件闸迷，一般是不會(huì)去修改的，也沒必要 npm 安裝俘枫，直接引用就好了腥沽。對(duì)這些可以不進(jìn)行打包而直接引用的文件提煉出來，放在資源目錄里面直接調(diào)用鸠蚪，這樣會(huì)大大的提高項(xiàng)目的打包效率今阳。
原文引用：http://blog.csdn.net/FungLeo/article/details/77585205 后半部
