摘要：一介紹是官方提供的腳手架，用來快速建立項目。標識項目名稱，這個你可以根據(jù)自己的項目來起名字。初始化完成之后，進入安裝目錄，必須先安裝項目依賴，否則無法運行。源文件需要注意的是是入口文件，下的是路由文件，文件是組件文件。

vue-cli是官方提供的腳手架，用來快速建立項目。

npm install vue-cli -g//全局安裝

vue init  

：表示模板名稱，vue-cli官方為我們提供了5種模板，
webpack-一個全面的webpack+vue-loader的模板，功能包括熱加載，linting,檢測和CSS擴展。
webpack-simple-一個簡單webpack+vue-loader的模板，不包含其他功能，讓你快速的搭建vue的開發(fā)環(huán)境。
browserify-一個全面的Browserify+vueify 的模板，功能包括熱加載，linting,單元檢測。
browserify-simple-一個簡單Browserify+vueify的模板，不包含其他功能，讓你快速的搭建vue的開發(fā)環(huán)境。
simple-一個最簡單的單頁應用模板。
：標識項目名稱，這個你可以根據(jù)自己的項目來起名字。
在實際開發(fā)中，一般我們都會使用webpack這個模板

初始化命令是一條交互命令，用以完善項目信息：
Project name :項目名稱 ，如果不需要更改直接回車就可以了。注意：這里不能使用大寫，所以我把名稱改成了vueclitest
Project description:項目描述，默認為A Vue.js project,直接回車，不用編寫。
Author：作者，如果你有配置git的作者，他會讀取。
Install vue-router? 是否安裝vue的路由插件，我們這里需要安裝，所以選擇Y
Use ESLint to lint your code? 是否用ESLint來限制你的代碼錯誤和風格。我們這里不需要輸入n，如果你是大型團隊開發(fā)，最好是進行配置。
setup unit tests with Karma + Mocha? 是否需要安裝單元測試工具Karma+Mocha，我們這里不需要，所以輸入n。
Setup e2e tests with Nightwatch?是否安裝e2e來進行用戶行為模擬測試。

初始化完成之后，進入安裝目錄，必須先安裝項目依賴，否則無法運行。

npm install//安裝依賴

安裝完成依賴之后，看看是否可以正常運行。

npm run dev

.
|-- build                            // 項目構(gòu)建(webpack)相關代碼
|   |-- build.js                     // 生產(chǎn)環(huán)境構(gòu)建代碼
|   |-- check-version.js             // 檢查node、npm等版本
|   |-- dev-client.js                // 熱重載相關
|   |-- dev-server.js                // 構(gòu)建本地服務器
|   |-- utils.js                     // 構(gòu)建工具相關
|   |-- webpack.base.conf.js         // webpack基礎配置
|   |-- webpack.dev.conf.js          // webpack開發(fā)環(huán)境配置
|   |-- webpack.prod.conf.js         // webpack生產(chǎn)環(huán)境配置
|-- config                           // 項目開發(fā)環(huán)境配置
|   |-- dev.env.js                   // 開發(fā)環(huán)境變量
|   |-- index.js                     // 項目一些配置變量
|   |-- prod.env.js                  // 生產(chǎn)環(huán)境變量
|   |-- test.env.js                  // 測試環(huán)境變量
|-- src                              // 源碼目錄
|   |-- components                     // vue公共組件
|   |-- store                          // vuex的狀態(tài)管理
|   |-- App.vue                        // 頁面入口文件
|   |-- main.js                        // 程序入口文件，加載各種公共組件
|-- static                           // 靜態(tài)文件，比如一些圖片，json數(shù)據(jù)等
|   |-- data                           // 群聊分析得到的數(shù)據(jù)用于數(shù)據(jù)可視化
|-- .babelrc                         // ES6語法編譯配置
|-- .editorconfig                    // 定義代碼格式
|-- .gitignore                       // git上傳需要忽略的文件格式
|-- README.md                        // 項目說明
|-- favicon.ico 
|-- index.html                       // 入口頁面
|-- package.json                     // 項目基本信息
.

已上文件，有兩大部分
項目源文件和配置文件
配置文件主要包括webpack，webpack是打包管理器，這又是另一個學習的重點。
源文件需要注意的是main.js是入口文件，router下的是路由文件，.vue文件是組件文件。