一、安裝步驟
首先電腦上要安裝最新版的nodeJS.官網下載，安裝完之后安裝淘寶npm鏡像
npm install -g cnpm --registry=https://registry.npm.taobao.org
五部曲：
1? 打開終端，全局安裝vue-cli
npm install -g vue-cli
2?進入目錄并初始化項目
vue init webpack blog-client //blog-client是你項目名稱
當出現以下提示
直接按回車，項目描述和作者都默認按回車
這里直接按回車
這里按N 或是 Y ,都行，如果按Y，使用vue-router
3?之后終端會創(chuàng)建 blog-client文件夾及相關文件，進入項目
cd blog-client
4?安裝依賴 （老安裝不成功，不過也不影響后面的操作）
npm install
5?啟動項目
npm run dev
二、目錄結構的分析
1、build ：項目構建(webpack)相關代碼 （9個）
├── build
│ ├── build.js -------生產環(huán)境構建代碼
│ ├── check-versions.js ------- 檢查node&npm等版本
│ ├── dev-client.js ------- 熱加載相關
│ ├── dev-server.js ------- 構建本地服務器
│ ├── utils.js ------- 構建配置公用工具
│ ├── vue-loader.conf.js ------- vue加載器
│ ├── webpack.base.conf.js ------- webpack基礎環(huán)境配置
│ ├── webpack.dev.conf.js ------- webpack開發(fā)環(huán)境配置
│ └── webpack.prod.conf.js ------- webpack生產環(huán)境配置
2?config：項目開發(fā)環(huán)境配置相關代碼 （環(huán)境配置，基本上用不到） 3個
├── config
│ ├── dev.env.js ------- 開發(fā)環(huán)境變量（看詞明意）
│ ├── index.js -------項目一些配置變量
│ └── prod.env.js ------- 生產環(huán)境變量
3、node_modules：項目依賴的模塊 記憶： （所有的依賴） N多個
├──node_modules
4、src：源碼目錄 5個
├── src
1
│ ├── assets-------資源目錄
│ │ └── logo.png
2
│ ├── components ------- vue公共組件
│ │ └── Hello.vue
3
│ ├──router ------- 前端路由
│ │ └── index.js ------- 路由配置文件
4
│ ├── App.vue -------頁面入口文件（根組件）
5
│ └── main.js ------- 程序入口文件（入口js文件）
5、static：靜態(tài)文件，比如一些圖片，mp3，json數據等
└── static
│ ├── .gitkeep
6?其他:
├── .babelrc ------- ES6語法編譯配置
├── .editorconfig ------- 定義代碼格式
├── .gitignore -------git上傳需要忽略的文件格式
├── index.html ------- 入口頁面
├── package.json ------- 項目基本信息
├── README.md ------- 項目說明
