安裝解除安裝

# 安裝node.js。進入官網，下載長期支援版並安裝。
# 檢查是否安裝成功
node -v
npm -v

# 安裝淘寶映象
npm install -g cnpm --registry=https://registry.npm.taobao.org

# 安裝vue腳手架vue-cli
npm install -g @vue/cli

# 解除安裝node
# 依次在終端執行下面的指令碼
sudo npm uninstall npm -g
sudo rm -rf /usr/local/lib/node /usr/local/lib/node_modules /var/db/receipts/org.nodejs.*
sudo rm -rf /usr/local/include/node /Users/$USER/.npm
sudo rm /usr/local/bin/node
sudo rm /usr/local/share/man/man1/node.1
sudo rm /usr/local/lib/dtrace/node.d

# 最後驗證一下
node //command not found
npm //command not found
 

專案建立

# 開啟vue的視覺化管理工具介面，建立專案
vue ui

專案啟動

# 安裝依賴
npm install
# 或者
npm install --registry=https://registry.npm.taobao.org
# 進入專案路徑下，啟動專案
npm run serve

常用依賴

axios

# axios安裝
cnpm install axios --save

// 在main.js中引入
import axios from 'axios'
Vue.prototype.$axios = axios

qs

# qs安裝
cnpm install qs --save

element-ui

# element-ui安裝
cnpm install element-ui --save

// 在main.js中引入
import Element from 'element-ui'
import "element-ui/lib/theme-chalk/index.css"
Vue.use(Element)

mavon-editor

基於vue的markdown編輯器。
# mavon-editor安裝
cnpm install mavon-editor --save

// 在main.js中引入
import mavonEditor from 'mavon-editor'
import 'mavon-editor/dist/css/index.css'
Vue.use(mavonEditor)