前端开发环境之Windows wsl

本文详细介绍了如何在Windows系统中利用Windows子系统Linux(WSL)搭建开发环境,并通过VSCode的远程WSL扩展进行代码编辑。内容包括WSL的安装、VSCode及扩展的配置、虚拟硬盘位置的迁移、Node.js环境的管理以及如何映射和管理代码。此外,还提供了在WLS中运行和调试项目的步骤。
摘要由CSDN通过智能技术生成

Windows wsl

Windows 子系统允许在Windwows上运行Linux环境

wsl安装

可参照以下链接: 安装 WSL

安装 VS Code 和远程 WSL 扩展

可参照以下链接安装 VS Code 和远程 WSL 扩展

更换虚拟硬盘位置

由于windows wsl子系统默认存放在c盘,这里可能需要迁移,可参考以下链接windows系统wsl/wsl2 更换虚拟硬盘位置(导出,导入)

使用

安装node环境:这里推荐使用 nvm 来管理node环境
项目clone 到 wsl子系统中
项目运行 子系统中运行 npm run dev 等命令
代码编辑: code . 可调用vscode
wsl文件映射
  1. 打开我的电脑,在输入框中,输入 \\wsl$ 回车
  2. 此时可以看到安装成功的子系统,右键,映射网络驱动器
  3. 此时可在我的电脑中,可以看到子系统映射的本地磁盘
代码管理:
  1. 使用可视化工具管理代码,若直接在映射的磁盘中查找,会使代码管理非常慢
  2. 可以将项目 clone 到本地磁盘中,然后在linux系统中 /mnt目录下查找项目
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值