准備工作：
首先安裝node 和 npm（不會安裝的話請參考：https://www.cnblogs.com/xihailong/p/13592421.html），並且保證node版本是v6及以上，話不多說，上圖
安裝和卸載：
一. 安裝
1.安裝2.x
// 安裝 npm install vue-cli -g //版本查看 vue -V 或者 vue -version
2.安裝3.x 或 4.x
//安裝 cnpm install @vue/cli -g //備注：因網絡問題，改用cnpm安裝，等同於 npm install @vue/cli -g
3.備注
// cnpm 的使用 // cnpm和npm的區別是前者地址在國內，下載速度較快 // 使用辦法： // 首先安裝 cnpm： npm install cnpm -g --registry=https://registry.npm.taobao.org // 然后使用方法等同於npm 如：cnpm install -g @vue/cli 等同於 npm install -g @vue/cli
二. 卸載
1.卸載2.x
//卸載 npm uninstall vue-cli -g
2.卸載 3.x 或者 4.x
創建項目：
1.創建vue-cli 2.x項目
①執行創建項目的命令，后面可以自己設置也可以直接回車默認
vue init webpack
等待，安裝完成后會生成一下目錄
②使用npm或者cnpm安裝依賴：
③執行npm run dev 來啟動項目，啟動完成后會彈出網址，訪問即可
頁面如下：
備注：目錄結構如下，直接借用參考文獻
├── build/ # webpack 編譯任務配置文件: 開發環境與生產環境 │ └── ... ├── config/ │ ├── index.js # 項目核心配置，包括端口號等 │ └── ... ├ ── node_module/ # npm加載的項目依賴模板 ── src/ │ ├── main.js # 項目的核心文件 │ ├── App.vue # 程序入口vue組件 │ ├── components/ # 組件 │ │ └── ... │ └── assets/ # 資源文件夾，一般放一些靜態資源文件，如logo等 │ └── ... ├── static/ # 純靜態資源 (直接拷貝到dist/static/里面)，如圖片，字體等 ├── test/ # 初始測試目錄，可刪除 │ └── unit/ # 單元測試 │ │ ├── specs/ # 測試規范 │ │ ├── index.js # 測試入口文件 │ │ └── karma.conf.js # 測試運行配置文件 │ └── e2e/ # 端到端測試 │ │ ├── specs/ # 測試規范 │ │ ├── custom-assertions/ # 端到端測試自定義斷言 │ │ ├── runner.js # 運行測試的腳本 │ │ └── nightwatch.conf.js # 運行測試的配置文件 ├── .babelrc # babel 配置文件 ├── .editorconfig # 編輯配置文件 ├── .gitignore # 用來過濾一些版本控制的文件，比如node_modules文件夾 ├── index.html # 首頁入口文件，可以添加一些meta信息等 └── package.json # 項目文件，記載着一些命令和依賴還有簡要的項目描述信息 └── README.md #介紹自己這個項目的，可參照github上star多的項目。 build/
2.創建vue-cli 3.x 或 4.x項目
vue create "項目名稱"
本文僅供交流學習，若來源標注錯誤或侵犯到您的權益，煩請告知，我們將立即刪除。
參考資料：