之前是用的webstrom寫js,最近想用vscode寫js,也順帶復習下javascript,無賴被環境難上了於是有了這篇文章
由於某種原因導致下載國外的東西網都比較慢,所以本次除工具,其余的鏡像均使用國內鏡像
默認你已經下載好了vscode
nvm版本管理器相關
1.下載nvm
2.安裝
就是下一步下一步完事,可以根據自己的情況選擇nvm安裝目錄以及node.js存放目錄
3.更改為國內鏡像
找到nvm安裝路徑,我這里是D:\softwareInstallFile\nvm,找到里面的settings.txt
在settings.txt最末尾添上
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
效果圖
nvm換淘寶鏡像:新建系統環境變量NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node
關閉cmd在重新打開cmd
安裝node
1.安裝 Node.js 的最新穩定 LTS 版本(建議),首先通過 nvm list available
查找當前的 LTS 版本號,然后使用 nvm install <version>
安裝 LTS 版本號(將
nvm install 12.14.0
)
2.cmd下查找node.js版本
3.安裝 nvm install 12.14.0
4.列出安裝的 Node 版本:nvm ls
5.在安裝所需的 Node.js 版本后,通過輸入 nvm use
若要更改要用於項目的 Node.js 版本,請創建新的項目目錄 mkdir NodeTest,輸入目錄 cd NodeTest,然后輸入 nvm use
驗證哪個 npm 版本安裝了 npm --version,此版本號將自動更改為與當前版本的 Node.js 關聯的 npm 版本。
vscode配置
安裝 Node.js擴展包
1.在 VS Code 中打開“擴展” 窗口 (Ctrl+Shift+X)。
2.在“擴展”窗口頂部的搜索框中,輸入:“Node 擴展包”(或要查找的任何擴展的名稱)。
3.選擇“安裝” 。 安裝完成后,擴展將出現在“擴展” 窗口的“已啟用”文件夾中。 可以通過選擇新擴展說明旁的齒輪圖標來禁用、卸載或配置設置
可能需要考慮的幾個附加擴展包括
- Chrome 調試器:在服務器端通過 Node.js 完成開發后,需要開發並測試客戶端。 此擴展將 VS Code 編輯器與 Chrome 瀏覽器調試服務進行集成,以提高工作效率。
- 來自其他編輯器的鍵映射:如果是從另一個文本編輯器(如 Atom、Sublime、Vim、eMacs、Notepad++ 等)進行轉換,則這些擴展可幫助你的環境對此進行適應。
- 設置同步:可以使用 GitHub 在不同安裝之間同步 VS Code 設置。 如果在不同的計算機上工作,這有助於在它們之間保持一致的環境。
以上參考:
Windows-開發環境-Node.js
使用nvm管理多個版本的node
如何使用nvm-windows來管理nodejs版本