如何在WSL上安裝Node.js + nvm版本管理器

-

本篇簡單紀錄在WSL上安裝Node.js過程，也是使用WSL做為開發環境最主要目的。

在前篇安裝好WSL 2之後，接下來要建立Node.js開發環境，首先考量到版本變更非常快速，建議先安裝版本管理員(nvm)，能依據處理不同專案的需求，在多個版本的Node.js之間切換。

安裝nvm (以Ubuntu為例)

  1. 開啟Windows Terminal終端機並打開Ubuntu命令列
  2. 使用下列命令安裝 cURL (在命令列中，用來從網際網路下載內容的工具)：
    sudo apt-get install curl
  3. 使用下列命令安裝 nvm ：
    curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh
      | bash

    (查看NVM的GitHub專案頁面以取得最新版本)

  4. 要確認是否安裝，輸入：
    command -v nvm
    … 這應該會傳回 ‘nvm’，若結果是「找不到命令」或完全沒有回應，請關閉目前的終端機並重新開啟命令列，然後再試一次。
  5. 列出目前已安裝的 Node 版本 (此時應該沒有任何版本)：
    nvm ls

安裝Node.js版本

  • (推薦)安裝建議用於生產應用程式的穩定 LTS 版本 Node.js： 
    nvm install --lts
  • 安裝最新版本 Node.js ，以測試最新的Node.js功能和改進功能，但更可能有問題： 
    nvm install node

確認目前Node.js、npm版本 

node -v
npm -v

指定使用已安裝的特定Node.js版本號碼

例如指定使用v8.2.1版本:

nvm use v8.2.1

使用Node.js搭配Visual Studio Code

Node.js專案建議搭配Visual Studio Code(簡稱VSCode)的遠端開發延伸模組套件使用，它的運作原理是能讓VSCode 分割為「用戶端-伺服器」架構，其中用戶端 (VSCode 使用者介面) 會在 Windows 作業系統上執行，而伺服器 (程式碼、Git、外掛程式等) 會在「遠端」WSL Linux 發行版本上執行。 這個「遠端」Remote-WSL 延伸模組會與Linux子系統連線，就好像它是遠端伺服器一般，只是它不是在雲端中執行，而是在本機電腦上隨著 Windows 一起啟用的 WSL 環境中執行。

安裝遠端開發延伸模組套件( Remote Development) ，會包含三個延伸模組: Remote - wsl、Remote - ssh、Remote - container。

在 Visual Studio Code 中開啟 WSL 專案

安裝好遠端開發延伸模組套件之後，有兩種方式開啟WSL專案:

  • 先開啟命令列 - 打開Ubuntu 20.04命令列，移至檔案目錄位置，輸入code . 會將專案用以遠端模式執行的VSCode視窗開啟，是比較直接的方法。
  • 先開啟VSCode - 可藉由點選 VSCode 視窗左下角的遠端連結綠色區塊，顯示遠端連線(Remote-WSL)的控制選項。
未開啟遠端連線之視窗

已開啟遠端連線之視窗


參考:

在 WSL 2 上設定Node.js | Microsoft Docs

開始搭配使用 Visual Studio Code 與 Windows 子系統 Linux 版

留言

張貼留言

這個網誌中的熱門文章

DK67 Pro鍵盤驅動程式 + 快捷鍵

-
圖片
組裝好這把附帶旋鈕的機械鍵盤套件DK67 Pro( 參考上一篇組裝 )，接著就可以打開鍵盤驅動程式，按照自己的喜好和習慣來修改鍵盤的功能 ! 驅動程式 (OUSAID Driver) DK67 Pro可以用有線方式連接驅動程式，也可以用2.4G無線方式連接。 介面 支援修改Fn層 DK67 Pro的驅動程式支援修改Fn層，還可以增加多媒體快捷鍵設定。  我的快捷鍵非常簡單： 自訂義螢幕亮度調整快捷鍵: Fn + < (變暗)、Fn + > (變亮) 其餘Fn快捷鍵功能保持原廠預設。 旋鈕也可以對逆時轉動、順時轉動、按下動作設定功能，覺得音量調整功能實用就不必修改。 在修改完按鍵或圖層時，建議搭配網頁鍵盤測試頁 (例如:  https://keyboard-test.space ) 進行按鍵功能確認。 否則可能會出現像是停留在Fn層之後退出驅動程式，無法使用第一層按鍵的窘境。 原廠快捷鍵 FN組合鍵 FN+DEL: 恢復默認設置 FN+Z: 啟動藍牙設備 1 FN+X: 啟動藍牙設備 2 FN+C: 啟動藍牙設備 3 FN+B: 啟動 2.4G 對碼 ( 設備切換時短按 FN+Z/X/C/B 即可，切換藍牙設備時對應背光燈閃爍 3 次指示，切換到 2.4G 時對應背光燈閃爍 3 次 ) FN+1-=+: 對應 F1-F12 FN+TAB: 背光切換 FN+N: 背光自定義 FN+[{: SCroll lock FN+]}: PAUSE BREAK FN+L: INSERT FN+;:: HOME FN+P: PRTSC SYSRQ FN+’”: END FN+ESC: ` FN+I: WIN 系統切換 FN+O: MAC 系統切換 FN+\|: 關閉 / 打開背光 FN+←: 動態背光方向切換 FN+→: 背光單色切換 FN+↑: 背光亮度加 FN+↓: 背光亮度減 FN+Pg Dn: 背光速度減 FN+Pg Up: 背光速度加 DK67系列比較特別的是，因鍵盤右上方為音量旋鈕，故'~`'符號不像68鍵盤配列位置在右上方，而是以shift + esc輸出'~'，fn + esc輸出'`'。 2.4G無線連接 將鍵槃底部開關撥至 ON 狀態 將鍵槃 USB 接收器取出 啟動 2.4G 對碼：長按 3 秒 FN...
閱讀完整內容

手動更新安裝PowerShell

-
Powershell更新 Poweshell 7.2之後的更新可能由Microsoft Update推送更新通知，能夠跟常態性的系統更新一起下載安裝，但有必要的話也可以自己在Powershell命令列手動更新。  我選用的安裝方式: 用Windows Package Manager (winget)程式包管理器安裝 PowerShell。 什麼是winget winget是Windows 封裝管理員服務的用戶端介面。根據官方介紹，winget命令列工具可讓使用者探索、安裝、升級、移除及設定Windows 10和Windows 11電腦上的應用程式。 但它有限定電腦系統版本使用，目前 只有Windows 10 1709 (組建 16299) 或更新版本才支援winget命令列工具 。  以Winget搜尋最新版的PowerShell 開啟PowerShell，輸入指令: winget search Microsoft .PowerShell 之後會列出可安裝的最新版本號 PS C:\Users\PeriCo> winget search Microsoft.PowerShell 'msstore' 來源要求您必須先檢視下列合約，再使用。 Terms of Transaction: https://aka.ms/microsoft-store-terms-of-transaction 來源需要將目前電腦的 2 個字母地理區域傳輸到後端服務，才能正確(例如"US")。 是否同意所有來源合約條款？ [Y] 是 [N] 否: y 名稱 識別碼 版本 來源 --------------------------------------------------------------- PowerShell Microsoft.PowerShell 7.2.3.0 winget PowerShell Preview Microsoft.PowerShell.Preview 7.3.0.3 winget PS C:\Users\PeriCo> 使用id參數來安裝 winget install - - id M...
閱讀完整內容

打造一把安靜的機械鍵盤 - DK67 Pro + 靜音水蜜桃軸 + MDA鍵帽 ：比預期中還麻煩的DIY

-
圖片
前言 入手這個鍵盤的起因是不小心在Bilibili(俗稱B站)看到DK67介紹影片，一下又燃起我對自組鍵盤的興趣！(去年組了第一把用到現在) 因為他的鍵盤配列完全打中我的需求和喜好！   僅65%的鍵盤配列我可以單手拿起，且相比常見的68鍵，DK67總共67鍵，右上角則配置了一個音量旋鈕，對於經常調整音量來說非常好用！方向鍵布局則略微往右下移，與主鍵區區隔開來，操作手感上更為直覺。 鍵盤背面還有二段式腳撐，等於讓鍵盤有三種高度可以選擇，還有2.4G無線接收器收納倉，都是很實用的設計。  當我還在觀望的時候，沒過多久又看到新版的DK67 Pro開箱影片，價格貴20RMB，主要是增加一片底棉，2.4G無線模式下可以連上驅動程式，並且驅動更進階可以修改鍵盤Fn層，這點非常吸引我，決定加一點錢買Pro版。 DK67 Pro基本規格 品牌：OUSAID/歐賽得 版本：白色PRO版（RGB背光）套件 外殼材質：ABS塑膠 連接方式：USB Type-C有線插孔,藍牙5.0,無線2.4G 同時連接設備數：3個 按鍵數量：67鍵+多媒體功能旋鈕 尺寸：32.7*11.4*3.9cm 重量：760g 系統兼容：Win/Mac/IOS/Android DK67 Pro鍵盤套件開箱 外盒及全部配件                                                                                                                             ...
閱讀完整內容