首先訪問vue的官方網站https://cli.vuejs.org/zh/guide/installation.html 然后找到安裝頁面  首先我們得需要安裝node.js 但是我們這里不再描述如何進行node.js的安裝 網上一大堆 **安裝node.js的主要目的是為了得到npm,使用npm安裝vue cli(腳手架) 使用vue cli創建vue項目**  下載node.js的地址為https://nodejs.org/en/download/package-manager 選擇合適的版本號比如18大版本才能下載到vue cli v5.x 那么你就下載18大版本就行了 ### 安裝好了node.js之后執行node -v 以及 npm -v 如下圖所示  ### 執行命令 `npm config get registry` 查看一下包下載路徑(我這是已經配置過的了)  ### 可以通過如下命令設置包的來源地址 這里要注意已經過期了這個地址 `npm config set registry https://registry.npm.taobao.org/` 還是改用官網提供的地址吧 不然**如果使用淘寶的會一直下載失敗** `npm config set registry https://registry.npmjs.org/` ### 在idea當中同樣也可以編輯前端 自己電腦安裝好了之后在settings當中檢索node.js就會有  ### 然后我們通過npm安裝一下vue/cli腳手架 可以指定版本安裝 `npm install -g @vue/cli@5.0.8` 安裝完成之后 `vue --version` 查看結果如下所示  ###         當你第一遍安裝不成功的時候再次執行vue create web命令會讓你選擇模版 這個時候就可以選擇前面我們保存的train模版來安裝  ### 剩下的就是等待安裝了  ### 最后啟動就行了  ###  ###  ###  ### 如果端口被占用 會自動往后加1 比如9000被占用那就會用9001 ### 還有一種方式就是如下圖所示   ### 我們介紹一下頁面加載的過程  ###  ###