一、材料
nodejs （參考：一步一步安裝及配置 Node.js 與 NPM）
phpstorm （https://www.jetbrains.com/phpstorm/）
二、配置
1.配置node與npm
phpstorm -> File -> Settings
輸入npm，設置node與npm的安裝路徑
2.配置eslint
eslint是編程書寫規範，可以讓代碼更簡潔，具有更好的可讀性
phpstorm -> File -> Settings
讓 js 代碼符合 eslint 風格
三、創建項目
1.安裝
安裝 Vue 腳手架
官方文檔：https://cli.vuejs.org/zh/guide/
npm install -g @vue/cli
2.創建
開始會問需要連接的倉庫，這裏是淘寶的倉庫，直接回車選擇默認
3.構建
進入腳手架構建選項，這裏選擇default
這裏上下選擇，回車確定
4.選擇安裝模塊
安裝常用的模塊
操作：
上下選擇，空格選擇，回車選擇完成並確定
選項的介紹：
Babel： 可以將ES6語言，轉化爲低版本瀏覽器支持的ES5語言
TypeScript： 使項目兼容各種操作系統的各種瀏覽器的一種語言
Progressive Web App (PWA) support：離線應用開發方式
Router：路由相關模塊
Vuex：複雜狀態管理模塊
CSS Pre-processors：Sass和Less支持
Linter/Formatter：用來保持風格一致性
Unit Testing：測試用
E2E Testing：測試用
過程如下：
選擇路由模式，回車選擇默認
選擇CSS預處理器，回車選擇默認
選擇代碼風格，這選擇標準配置
代碼風格自動修復，這裏需要Git支持
git 安裝：https://blog.csdn.net/u011262253/article/details/97507271
不同模塊的配置文件是否分開保存，這裏選擇分開保存
要不要將以上的配置保存，如果保存下次就不需要一個一個來選擇。輸入y回車，輸入保存文件名回車
5.下載模塊構建項目
6.安裝成功會顯示
四、運行項目
1.啓動開發環境
三種方法：
- .命令行
npm run serve
-
main.js
-
工具
2.在瀏覽器輸入對應的網址
3.瀏覽器會顯示
