一、安裝VSCode
1、在官網下載並安裝VSCode
https://code.visualstudio.com/Download
- 注意：解壓到非系統盤（節約系統盤空間，也方便后面使用）
- 文件夾最好（其實一般也可以包含空格）不要出現中文和空格，如：解壓到D:\Microsoft VS Code
2、安裝，使用
在D:\Microsoft VS Code文件下，找到 Code.exe，並運行Code.exe即可。
3.將VScode修改為中文環境
1)下載安裝中文語言包
點擊左側工具欄的extensions或者使用快捷鍵【Ctrl+Shift+X】，輸入chinese，點擊Install安裝中文簡體
2）配置環境
使用快捷鍵【Ctrl+Shift+P】彈出查找命令框，輸入language, 找到Configure Display Language，點擊，選擇locale屬性為"zh-CN"，如下圖所示：
然后選擇 為"zh-CN"：
3）重啟vscode
安裝成功，配置好啦。
二、安裝nodejs
1.下載node:
下載地址：https://nodejs.org/zh-cn/download/
node.js的zip包安裝時是直接解壓縮后就可以了,
node.js的msi包是傻瓜式一路next就可以了
2.選擇一中方式就可以
3.安裝完后，可以在打開CMD命令行中輸入node -v 來查看安裝版本和是否安裝成功
此處說明下：新版的Node.js已自帶npm，安裝Node.js時會一起安裝，npm的作用就是對Node.js依賴的包進行管理，也可以理解為用來安裝/卸載Node.js需要裝的東西
環境變量設置並完成測試
說明：這里的環境配置主要配置的是npm安裝的全局模塊所在的路徑，以及緩存cache的路徑，之所以要配置，是因為以后在執行類似：npm install express [-g] （后面的可選參數-g，g代表global全局安裝的意思）的安裝語句時，會將安裝的模塊安裝到【C:\Users\用戶名\AppData\Roaming\npm】路徑中，占C盤空間。更改后可以節約c盤空間
例如：我希望將全模塊所在路徑和緩存路徑放在我node.js安裝的文件夾中，則在我安裝的文件夾【D:\Program Files\nodejs】下創建兩個文件夾【node_global】及【node_cache】如下圖：
創建完兩個空文件夾之后，打開cmd命令窗口，輸入
npm config set prefix "D:\Program Files\nodejs\node_global" npm config set cache "D:\Program Files\nodejs\node_cache"
接下來設置環境變量，關閉cmd窗口，“我的電腦”-右鍵-“屬性”-“高級系統設置”-“高級”-“環境變量”
進入環境變量對話框，在【系統變量】下新建【NODE_PATH】，輸入【D:\Program Files\nodejs\node_modules】
將【用戶變量】下的【Path】修改為【D:\Program Files\nodejs\node_global】，更改后截圖如下
將這一行刪除 換成上面這個目錄
配置完后，安裝個module測試下，我們就安裝最常用的express模塊，打開cmd窗口，
輸入如下命令進行模塊的全局安裝： (當然可以不用)
npm install express -g //-g是全局安裝的意思//Express是基於Node.js平台的一個快速的Web開發框架
三、vue安裝配置
說說vue2.0和vue3.0的區別：
vue3.0減少了build 和 config文件夾，其他用法和vue2.0差不多。
可以輸入以下命令安裝淘寶鏡像，因為在國內，官方的鏡像實在太慢（我沒用 慢就慢吧）
npm install -g cnpm --registry=https://registry.npm.taobao.org
這時輸入以下命令查看npm默認的鏡像還是官方的
npm config list
所以我們要設置一下，將淘寶鏡像設置成默認的
npm config set registry https://registry.npm.taobao.org
這時再查看默認鏡像就是會是淘寶的了
安裝webpack，在cmd中輸入以下代碼
npm install webpack -g
注意，如果webpack是4.0版本以上的，官方將webpack -cli從webpack分離了出來，所以是會提醒讓你安裝webpack -cli，這時輸入no 之后按回車 因為我們要安裝全局的包，也就是上面的-g指令（對應上面的global文件夾） ，之后輸入以下命令等待安裝
npm install webpack-cli -g
之后輸入 webpack -v 測試安裝是否成功
接下來安裝vue腳手架
npm install @vue/cli -g
這是3.0新版的 舊版的如果已經安裝了，需要卸載一下，如果不確定可以輸入vue --version 如果出現版本號並且低於3.0，需要卸載重裝
輸入 npm uninstall -g vue -cli 或者 yarn global remove vue -cli卸載 ,然后輸入npm install -g @vue -cli 重裝
輸入vue --version 查看是否安裝成功
命令vue init需要安裝全局插件。
npm install -g @vue/cli-init
搭建vue項目
首先在電腦上創建一個文件夾用來放vue項目 cd 文件夾路徑
在“終端”中輸入：vue init webpack 項目名。
如果出現無法加載文件 F:\nodejs\node_global\vue.ps1，因為在此系統上禁止運行腳本”的解決方法
輸入Set-ExecutionPolicy -Scope CurrentUser命令，回車，在黑窗口中輸入RemoteSigned解除受限狀態，回車
ESlint可以選NO
進入文件夾 執行運行命令
cd myvue
npm run dev
命令 其實是在找 這個Vue項目的package.json 這個文件里記錄了一下 這個項目的基本信息 像是作者、工具
常用命令
- 安裝依賴 npm install
- 運行 npm run dev
- 打包 npm run build
常用插件推薦:
- open in browser：支持快捷鍵在瀏覽器中打開html文件；
- ESLint（用於審查代碼規范)
- vetur（vue語法高亮）
使用Git拉去別人的項目
首先打開一個文件夾然后 git clone url 命令進行拉取git倉庫的代碼
執行npm install
編譯完成后執行，npm run dev
git config --global user.name "用戶名"
git config --global user.email "用戶郵箱"
同時還可以設置讓VSCode記住git賬號和密碼：git config --global credential.helper store
git config --list 查看所有
git --version //查看git的版本信息
git config --global user.name //獲取當前登錄的用戶
git config --global user.email //獲取當前登錄用戶的郵箱