安裝Vue Cli環境/建立一個Vue專案 | 前端學習筆記in六角課程#1

安裝Node js

Node官方: 網站請往這

建議安裝.14版系列，可能比較穩定

以下指令查看版本

• node -v
• npm -v

安裝Vue Cli

Vue Cli 官方: 網站請往這

• npm install -g @vue/cli (安裝)
• vue -V (查看版本)

建立Vue專案

cd \ 專案資料夾路徑

• vue create projectName
• Manually select features (手動建立特性)
• check need features 5項(空白鍵確認) Choose Vue version、Babel
• 、Router、CSS Pre-processors、Linter/Formatter
• – > 3.X
• -> n
• -> Sass/SCss (with node-sass)
• -> EsLint+Standard config
• -> Lint on save
• ->In dedicate config files
• ->N

VSCODE開啟專案

開啟終端機

• npm run serve