windows安装wsl2/ubuntu并配置git和nodejs使用vscode访问wsl

2,480 阅读3分钟

安装wsl2

  • 第一步启用windows功能 可以直接使用windows10的搜索

    image-20210922192027325

  • 第二步找到虚拟机平台适用于Linux的Windows子系统勾选上 并重启电脑

    image-20210922192210295
  • 第三步从windows商店里找到ubuntu进行安装

    image-20210922192558432
  • 第四步打开ubuntu

    image-20210922192658509

  • 第五步打开之后报错因为wsl没有升级到wsl2

  • 到这里ubuntu已经安装成功了,命令行输入bash或者直接使用terminal进入

    image-20210922193337426

    image-20210922193433347

配置vscode远程访问wsl

  • 在vscode扩展中查找Remote-WSL并安装

    image-20210922193648738

  • 安装成功后左边菜单栏会出现远程资源管理器图标

    image-20210922193749584

  • 根据提示就可以连接到wsl了

wsl安装git并克隆gitee内容

  • 在上面已经完成后,可以直接在vscode打开新终端
    • sudo apt-get install git安装git 第一步
    • sudo apt-get remove git卸载git
    • git config --global user.name 'your name' 配置用户名 your name改成自己的自定义的名字 配置成功没有提示 第二步
    • git config --global user.email 'your email'配置邮箱 your email 改成自己的邮箱 如abc.@gmail.com 配置成功没有提示 第三步
    • ssh-keygen -t rsa -C "your email"生成公钥 然后三个回车就配置成功了 第四步
    • cd ~/.ssh切换到公钥存放目录下,vim id_rsa.pub 打开公钥,复制里面的内容,然后粘贴到giteee的公钥列表中 第五步
    • image-20210922195311093
    • ssh -T git@gitee.com测试能否连通 成功会显示 You've successfully authenticated 第六步
    • git clone https://gitee.com/cdlee/bytedance-youth-camp.git git clone之后的地址替换为自己已建仓库的地址 将远程已存在的仓库克隆到本地
  • 常用推送流程
    • git init初始化一个仓库
    • git add .将当前目录添加到需要管理的列表
    • git commit -m "提交信息如修改了什么"提交代码到本地仓库
    • git remote add origin https://gitee.com/cdlee/bytedance-youth-camp.git链接改为自己的仓库地址 添加远程仓库地址
    • git push origin master把本地仓库推送到远程仓库
    • git pull origin master拉取代码,查看远程和本地是否有冲突

安装nodejs 安装最新的长期支持版

  • curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash - 以sudo用户身份在vscode新终端或者ubuntu命令行输入,这个脚本会添加NodeSource的签名key到系统中,创建一个apt源文件,安装必备的软件包,并刷新apt缓存,如果后期有其他长期支持版可以把14替换成对应数字
  • sudo apt install nodejs 就可以安装nodejs 14.x版本了
  • node --versionnpm --version检测是否安装成功
  • sudo apt install build-essential想要从npm编译本地扩展,需要安装开发工具
  • npm config set registry https://registry.npm.taobao.org替换淘宝源以提升速度
  • npm config get registry可以查看地址源改变了吗

使用

  • 打开vscode连接wsl后,终端出现home地址目录中,没有文件可以mkdir abc之后再通过vscode的打开文件夹就能看到如图所示,打开之后就和本地开发没区别了

image-20210922200915082