a ，搭建Vue腳手架的方式 首先 檢查電腦是否已經安裝好了node 且node版本不能低於6.0.0
查詢node 使用命令行 node -v （如果版本過底 可去官網下載安裝即可）
b ， 檢查完了node后就可以開始着手安裝了
1 ， 首先 先要安裝好webpack
命令行 npm install webpack -g
2 ， 在webpack安裝好的基礎上 我們開始安裝vue-cli腳手架
命令行 npm install vue-cli -g
檢查是否安裝成功
命令行 vue -V
3， 在本地任意位置處新建項目文件夾 按住shift鍵 單機鼠標 右鍵 進入命令行窗口
4 ， 創建一個Vue的工程
vue init webpack-simple 工程名字 / vue init webpack 工程名字
之后點擊enter鍵 里面的全是項目描述 可寫可不寫
5 ， 之后安裝依賴
cd vue-test （vue-test ==工程名稱）
npm install
npm run dev （啟動Vue工程命令行）
啟動之后 經等待幾秒鍾 進入頁面
Vue搭建環境說完了
下面列出了Vue項目目錄的結構和名稱
配置信息
|-- build // 項目構建(webpack)相關代碼
| |-- build.js // 生產環境構建代碼
| |-- check-version.js // 檢查node、npm等版本
| |-- dev-client.js // 熱重載相關
| |-- dev-server.js // 構建本地服務器
| |-- utils.js // 構建工具相關
| |-- webpack.base.conf.js // webpack基礎配置
| |-- webpack.dev.conf.js // webpack開發環境配置
| |-- webpack.prod.conf.js // webpack生產環境配置
|-- config // 項目開發環境配置
| |-- dev.env.js // 開發環境變量
| |-- index.js // 項目一些配置變量
| |-- prod.env.js // 生產環境變量
| |-- test.env.js // 測試環境變量
|-- src // 源碼目錄
| |-- components // vue公共組件
| |-- store // vuex的狀態管理
| |-- App.vue // 頁面入口文件
| |-- main.js // 程序入口文件，加載各種公共組件
|-- static // 靜態文件，比如一些圖片，json數據等
| |-- data // 群聊分析得到的數據用於數據可視化
|-- .babelrc // ES6語法編譯配置
|-- .editorconfig // 定義代碼格式
|-- .gitignore // git上傳需要忽略的文件格式
|-- README.md // 項目說明
|-- favicon.ico
|-- index.html // 入口頁面
|-- package.json // 項目基本信息