一、安裝node.js環境
1、下載下傳位址為：https://nodejs.org/en/
2、檢查是否安裝成功：
二、安裝Vue環境
【npm install --global vue-cli】 （-global 意思是全局安裝 這樣Vue會安裝到 安裝node 的檔案夾下 否則會安裝到 目前目錄）
安裝出錯，npm cache clean --force 清除npm緩存在安裝。輸入vue -V 出現版本号說明安裝成功
三、使用Vue建立項目
1、先進入自己想要建立項目的檔案夾中
2、建立一個基于 webpack 模闆的新項目 【vue init webpack project_vue】 project_vue（項目檔案夾名）
（項目名稱）
（項目描述）
（作者）…
說明：
Vue build ==> 打包方式，回車即可；
Install vue-router ==> 是否要安裝 vue-router，項目中肯定要使用到 是以Y 回車；
Use ESLint to lint your code ==> 是否需要 js 文法檢測 目前我們不需要 是以 n 回車；
Set up unit tests ==> 是否安裝 單元測試工具 目前我們不需要 是以 n 回車；
Setup e2e tests with Nightwatch ==> 是否需要 端到端測試工具 目前我們不需要 是以 n 回車
3、安裝成功後，即可在檔案下看到以下檔案
1、build：建構腳本目錄
1）build.js ==> 生産環境建構腳本；
2）check-versions.js ==> 檢查npm，node.js版本；
3）utils.js ==> 建構相關工具方法；
4）vue-loader.conf.js ==> 配置了css加載器以及編譯css之後自動添加字首；
5）webpack.base.conf.js ==> webpack基本配置；
6）webpack.dev.conf.js ==> webpack開發環境配置；
7）webpack.prod.conf.js ==> webpack生産環境配置；
2、config：項目配置
1）dev.env.js ==> 開發環境變量；
2）index.js ==> 項目配置檔案；
3）prod.env.js ==> 生産環境變量；
3、node_modules：npm 加載的項目依賴子產品
4、src：這裡是我們要開發的目錄，基本上要做的事情都在這個目錄裡。裡面包含了幾個目錄及檔案：
1）assets：資源目錄，放置一些圖檔或者公共js、公共css。這裡的資源會被webpack建構；
2）components：元件目錄，我們寫的元件就放在這個目錄裡面；
3）router：前端路由，我們需要配置的路由路徑寫在index.js裡面；
4）App.vue：根元件；
5）main.js：入口js檔案；
5、static：靜态資源目錄，如圖檔、字型等。不會被webpack建構
6、index.html：首頁入口檔案，可以添加一些 meta 資訊等
7、package.json：npm包配置檔案，定義了項目的npm腳本，依賴包等資訊
8、README.md：項目的說明文檔，markdown 格式
9、.xxxx檔案：這些是一些配置檔案，包括文法配置，git配置等
四、運作測試
1、進入檔案夾 執行運作指令 npm run dev
當出現以下錯誤，據說是依賴不正确。
解決步驟：
1、删除項目下“node_modules”檔案夾： npm install;
2、npm run build;
3、npm run dev；
最後出現以下資訊，說明建立成功
打開http://localhost:8080/#/，出現以下資訊，說明成功。