一 .安裝最新版本步驟
1.vue依托nodejs，所以首先要安裝nodejs
命令：node -v 查看是否安裝了nodejs （有版本號即成功）
命令：npm -v 查看是否安裝了npm (有版本號即成功)
說明：npm是node的包管理工具，默認安裝完node之后，npm會自動安裝上的。
2.安裝Vue
說明：vue依托nodejs，vue只是node萬千包中的一個。
1.先查看電腦里有沒有安裝vue:
命令：vue -V //注意V大寫，若提示 command not found 則進行下一步；若提示版本號為：2.9.6 ，則需要卸載這一版本
ps:很多人用npm install vue-cli -g 命令，安裝的都是2.9.6版本，最新的版本安裝命令是“npm install -g @vue/cli”；另，3.0以上版本集成了圖形界面，所以放棄2.9.6吧
卸載2.9.6等舊版本的命令：sudo npm uninstall vue-cli -g
2.新版vue腳手架安裝命令：sudo npm install -g @vue/cli
前面加sudo 是獲取系統的權限，之后需要輸入密碼，不加sudo可能因為權限的問題安裝失敗。
3.如果安裝vue出現一些警告和錯誤，別管他，清除一下緩存就行
清除緩存的命令：npm cache clean --force
清除緩存后，用vue -V 命令查看版本，2019.05.11安裝的版本是3.7.0
3.創建新項目
cd 本地文件夾
sudo vue create test-demo 注意，項目名稱不能有大寫字母和漢字
然后用箭頭選擇默認的即可
二 .安裝版本為2的步驟
因為學習過程中的視頻還是2的版本，需要配置路由方面，這里又找了一下安裝2的版本的步驟，記得命令前加sudo獲取權限
npm uninstall -g @vue/cli //卸載3，
npm install -g vue-cli //安裝2
注意中間如果問是否需要路由，項目中需要的記得輸入Y，
創建一個基於webpack模板的新項目
vue init webpack my-project 安裝依賴包 3. cd my-project 4. cnpm install 5. npm run dev
新建項目過程中如果發現卡死不動了，原因可能是沒有安裝webpack，
- 解決方法：執行三個命令檢查環境
- node -v
- vue -v? (沒有顯示版本，npm i vue-cli -g)
- webpack-v(需要重新安裝,npm install webpack -g)
- 三個條件滿足時，運行vue init webpack demo（demo項目名）
- 安裝webpack時如果報錯 Unexpected end of JSON input while parsing near '…"，用以下步驟解決：
- 解決辦法：
（1）npm install --registry=https://registry.npm.taobao.org --loglevel=silly
（2） npm cache clean --force
（3） npm install
4.啟動項目
cd 項目文件夾
npm run serve
用以上命令，啟動后，會給你一個本地url地址，和一個網絡地址，打開 http://localhost:8080/即可見到效果
5.vue的命令
init 從模板生成新項目
list 列出可用的官方模板
build 創建新項目的原型
create 創建（警告：僅用於v3以上版本）
vue ui 啟動腳手架圖形界面（3.0以上版本）
6.常用命令
npm install 安裝依賴
npm run dev 或 npm run serve 啟動項目
7.vscode操作：
Ctrl+shift+Y呼出vscode控制台
vue命令：
vue ui 啟動腳手架圖形界面
vue create myDemo 創建新項目
npm install 添加包依賴
npm run build 編譯
npm run serve 啟動項目
更新保存代碼的方式：
修改代碼后，點擊Save All 按鈕，或者cmd+option+S保存更新；
也可設置Auto Save的模式，或者定義自動時間更新
安裝插件的方式：
設置-Extensions 搜索插件名稱安裝
設置各個插件的方法：設置-Setting-Extensions 點擊某個插件進行設置
中文插件安裝：
搜索 @category:"language packs" 選擇中文簡體安裝
cmd+shift+p 出搜索框，搜索並點擊 "Configure Display Language" 選擇 zh-cn ，然后自動重啟軟件
Vue 2 Snippets：vue2.x版本的代碼片段提示
Vetur：格式化代碼
Beautify css/sass/scss/less : 美化界面的
原文鏈接：https://www.jianshu.com/p/167aaf13346c