最近公司一期項目接近尾聲，沒有那麼忙了，前端框架使用到了Vue，於是抽空花了幾天時間來學習它，記錄一些點滴。項目中使用的是Vue cli3腳手架，最新的已經更新到了cli4.xx，於是直接官網上從最新的學習，這裏總結一下在idea中使用Vue cli4快速創建項目的過程。
1.新建項目目錄，使用idea打開
本地新建一個項目目錄vueStudy，使用idea打開：
2.安裝node.js，npm依賴，cli腳手架，查看版本
環境準備：
這裏安裝好node.js環境後，就可以安裝cli了：
準備好環境後，在idea中查看安裝的版本，如下：
3.創建項目
創建項目命令：vue create 【項目名稱】
出現如下選擇，第一項默認配置，這裏我選擇第二項，手動配置：
我選擇的項目自定義配置如下（空格選中當前項，再次空格取消選擇）：
選擇是否使用路由 history router，其實就是是否路徑帶 # 號（這裏我只是簡單描述，並不貼切），我選擇n：
css 的預處理器我選擇的是 Sass/SCSS(with dart-sass) 。dart-sass需要保存後纔會生效，sass 官方目前主力推 dart-sass ：
選擇 ESLint 代碼校驗規則，我選擇ESLint + Prettier ：
代碼校驗，我選擇第一項，保存就檢查，相當於熱部署：
存放配置，由於只是學習的簡單項目，我就選擇了package.json：
是否保存本次的配置，這裏我選擇了否：
最後回車，等待項目創建完成：
如果創建成功，會有如下描述：
查看項目目錄機構，如下（這裏就不多描述了）：
4.啓動項目
根據項目創建完成的提示，可以看到如下命令：
先進入項目目錄（cd vue1）：
在輸入啓動項目命令（npm run serve）：
啓動成功後，點擊下面任一鏈接即可打開頁面：
啓動項目後的界面如下（一個基於cli4快速創建的項目就完成了）：
