Window10开发环境搭建| WSL2安装

• 文章参考：麦兜搞IT的个人空间_哔哩哔哩_bilibili

文章背景

1. 最近在看阿里刚开源低代码平台时，被告知 windows 用户只能在 wsl 环境开发，由于我只有windows机，所以就试着去配置一下。
2. 低代码引擎 | LowCodeEngine (lowcode-engine.cn)

安装相关环境及工具

1. 设备开启虚拟化

• 不同主板和CPU有各自的开启方式，大部分主板都会默认开启。
• 具体可百度搜索：Intel VT-x 启用虚拟化；AMD启用虚拟化（AMD-V）
• 开启后可在任务管理器查看。

2. 安装WSL

• 安装 WSL | Microsoft Docs
• 旧版 WSL 的手动安装步骤 | Microsoft Docs

1. 确认 window 版本

   • 必须运行 Windows 10 版本 2004 及更高版本（内部版本 19041 及更高版本）或 Windows 11。

   • 选择 Windows 徽标键 + R，然后键入“winver”，选择“确定” 。

   • 

2. 选择简装版，可在 powerShell 中输入wsl --install，他会帮你自动执行旧版安装的所有流程。

3. 等待安装完成后重启电脑，

4. 即可在文件安装目录中找到 Ubuntu

3. 安装 Window Terminal

1. 在微软应用商店中搜索 Window Terminal，这是一个终端工具，可以更方便的使用各种终端。
2. 安装后在安装目录中找到并打开，可以看到可以同时管理多个终端

4. 安装VScode

• Visual Studio Code - Code Editing. Redefined
• VScode的安装比较简单，下载安装包后直接安装即可，无需做什么配置。

• 注意 下载时不要选择免安装版，安装时不要取消勾选Add to Path，不然可能需要做额外配置

• 打开vscode安装 wsl 插件

5. WSL环境下安装nvm控制node版本

1. 在root目录下安装nvm
   • cd /root wget
   • https://github.com/nvm-sh/nvm/archive/refs/tags/v0.38.0.tar.gz

2. 解压nvm
   • mkdir -p /root/.nvm
   • tar -zxvf nvm-0.38.0.tar.gz -C /root/.nvm
3. 配置环境
   • 打开 .bashrc vim ~/.bashrc
   • 在~/.bashrc的末尾，添加如下语句

   •   export NVM_DIR="$HOME/.nvm/nvm-0.38.0"
       [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
       [ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" 
       # This loads nvm bash_completion
     

   • 更新 .bashrc source ~/.bashrc
   • 查看 nvm 版本 nvm -v
4. nvm具体用法可参考官网文档
   • nvm文档手册 - nvm是一个nodejs的版本管理工具 (uihtm.com)

开发及使用

• 可以去看视频，文字描述的没有视频直观
• Windows10开发环境搭建(2) | Terminal和VS Code_哔哩哔哩_bilibili

1. 打开 Window Terminal 终端 选择 Ubuntu终端

   

2. 在你想创建项目的地方创建一个空的文件夹 mkdir test-pro 输入 code . vscode将会自动打开当前文件夹，前提是vscode为安装版，并且配置了add to path

3. 在vscode中修改文件时终端文件也会同步更新，反之同理。