• vue

Vue (讀音 /vjuː/，類似於 view) 是一套用於構建使用者介面的漸進式框架。與其它大型框架不同的是，Vue 被設計為可以自底向上逐層應用。Vue 的核心庫只關注檢視層，不僅易於上手，還便於與第三方庫或既有專案整合。另一方面，當與現代化的工具鏈以及各種支援類庫結合使用時，Vue 也完全能夠為複雜的單頁應用提供驅動。

•  VUE CLI

CLI (@vue/cli) 是一個全域性安裝的 npm 包，提供了終端裡的 vue 命令。它可以通過 vue create 快速建立一個新專案的腳手架，或者直接通過 vue serve

• VUE CLI 3使用

先安裝淘寶npm 使用cnpm，npm安裝太慢

npm install -g cnpm --registry=https://registry.npm.taobao.org

 可以使用下列任一命令安裝這個新的包：

cnpm install -g @vue/cli
# OR
yarn global add @vue/cli
 

解除安裝 

cnpm uninstall @vue-cli -g
# 或
yarn global remove @vue-cli

安裝之後，你就可以在命令列中訪問 vue 命令。你可以通過簡單執行 vue，看看是否展示出了一份所有可用命令的幫助資訊，來驗證它是否安裝成功。

你還可以用這個命令來檢查其版本是否正確 (3.x)：

vue --version

• vue serve 

 vue serve 和 vue build 命令對單個 *.vue

cnpm install -g @vue/cli-service-global

vue serve 的缺點就是它需要安裝全域性依賴，這使得它在不同機器上的一致性不能得到保證。因此這隻適用於快速原型開發。

Usage: serve [options] [entry]

在開發環境模式下零配置為 .js 或 .vue 檔案啟動一個伺服器


Options:

  -o, --open  開啟瀏覽器
  -c, --copy  將本地 URL 複製到剪下板
  -h, --help  輸出用法資訊

• vue build

Usage: build [options] [entry]

在生產環境模式下零配置構建一個 .js 或 .vue 檔案


Options:

  -t, --target <target>  構建目標 (app | lib | wc | wc-async, 預設值：app)
  -n, --name <name>      庫的名字或 Web Components 元件的名字 (預設值：入口檔名)
  -d, --dest <dir>       輸出目錄 (預設值：dist)
  -h, --help             輸出用法資訊

你也可以使用 vue build 將目標檔案構建成一個生產環境的包並用來部署：

vue build MyComponent.vue

vue build 也提供了將元件構建成為一個庫或一個 Web Components 元件的能力。

持續更新。。。