Vue / 前端WEB框架 / 筆記 · 2020-03-03

Vue-環境建立

A 安裝brew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew -v

B 安裝nodejs+npm

建議直接下載安裝

https://nodejs.org/en/

brew install nodejs
卸載 brew uninstall node
查看安裝位置 which node

查看版本

node -v
npm -v

C 安裝vue (框架)

npm install vue 
或跳過此步驟直接安裝vue-cli 

安裝vue-cli (工具)

npm install -g @vue/cli (安裝最新版本) 或 npm install -g vue-cli
卸載 npm uninstall -g @vue/cli 或 npm uninstall vue-cli -g

檢查是否安裝成功

vue --version
vue
vue list

創建專案

vue create [projectName]
? Please pick a preset:(Use arrow keys)
  default (babel, eslint)
❯ Manually select features

defaule : 包含了基本的 Babel + ESLint preset,
Manually : 自己手動選擇
cd  [projectName]
npm run serve

連結  http://localhost:8080
發佈到伺服器瀏覽 npm run build