├── readme.md // 專案說明文件
├── node_modules // 依賴包目錄
├── build // webpack相關配置檔案（都已配置好，一般無需再配置）
│ ├── build.js //生成環境構建
│ ├── check-versions.js //版本檢查（node，npm）
│ ├── dev-client.js //開發伺服器熱過載 （實現頁面的自動重新整理）
│ ├── dev-server.js //構建本地伺服器（npm run dev）
│ ├── utils.js // 構建相關工具
│ ├── vue-loader.conf.js //csss 載入器配置
│ ├── webpack.base.conf.js //webpack基礎配置
│ ├── webpack.dev.conf.js // webpack開發環境配置
│ └── webpack.prod.conf.js //webpack生產環境配置
├── config // vue基本配置檔案（可配置監聽埠，打包輸出等）
│ ├── dev.env.js // 專案開發環境配置
│ ├── index.js // 專案主要配置（包括監聽埠、打包路徑等）
│ └── prod.env.js // 生產環境配置
├── index.html // 專案入口檔案
├── package-lock.json // npm5 新增檔案，優化效能
├── package.json // 專案依賴包配置檔案
├── src // 專案核心檔案（存放我們編寫的原始碼檔案）
│ ├── assets // 靜態資源（樣式類檔案、如css，less，和一些外部的js檔案）
│ │ └── css //樣式
│ │ └── font //字型
│ │ └── images //
│ ├── components // 元件目錄
│ │ └── hello.vue // 測試元件
│ ├── main.js // 入口js檔案
│ └── router // 路由配置資料夾
│ └── index.js // 路由配置檔案
└── static // 靜態資源目錄（一般存放類）
vue cli搭建及專案目錄結構
今天總結一下vue的腳手架的搭建。很簡單，今天我們就來說一下 一 vue 腳手架的搭建。對於腳手架的具體搭建方法，我這裡不在很詳細的書寫，具體方法我推薦菜鳥教程的方法，和具體，你一步一步的來就可以實現。鏈結位址 vue2.0腳手架的搭建 二 vue腳手架目錄 我們來詳細的介紹一下這些目錄 一級目錄 ...
Vue2 0基礎 vue cli搭建專案
webpack是乙個module bundler 模組打包工具 其可以相容各種js書寫規範，且可以處理模組間的依賴關係，具有更強大的js模組化的功能。webpack對它們進行統一的管理以及打包發布，其官方主頁用下面這張圖來說明webbpack的作用。在講課的時候講解過webpack，並且從零開始使用...
vue cli 專案搭建
1 因為之前已經安裝過node.js和git，所以直接用npm 2 吶吶吶npm速度慢是一定的了，所以用 映象，將npm cnpm 這裡寫 片3 開啟cmd，進入想要建立專案的目錄下，輸入 vue init webpack projectname4 安裝提示選擇 project name 專案名稱 ...