wsl2中安装webstorm,无缝对接linux开发环境

1,907 阅读2分钟

废话篇

wsl估计大家都很熟悉,就是Windows 子系统 (WSL),其实最近几年一直在webstorm与vscode编辑器之间反复横跳。webstorm在编码上的体验,个人觉得是强于vscode,但是vscode + wsl2体验是强于webstorm+wsl2。主要是一个是vscode在wsl中配合wsl-remote十分方便的打开一个项目,webstorm就得在文件夹中一个个的找(这是我放弃webstorm使用vscode的原因😂), 而且webstorm在连接wsl的时候偶尔卡死(可能我家电脑太垃圾😂,i5老款)。直到我无意看到wsl2能安装gui程序。 既然在vscode上能使用code .打开项目。如果我把websotrm安装到wsl2岂不是也可以实现webstorm .打开项目。 开干。。。

前提

  • 系统内安装 WSL2
  • 安装了window terminal (建议)

流程

先把大致流程说一下 安装ubantu系统 => 安装浏览器 => 安装webstorm

安装ubantu系统

我这里安装的是ubuntu22.04.1LTS 如果是ubuntu18版本需要独立安装中文字体,否则字体无法正常展示。

打开Micorsoft sotre,搜索ubuntu

es1FBbNXDn.png

然后安装就行

安装之后最后修改一下ubuntu软件下载源:方法

安装浏览器

为啥安装浏览器,那是因为webstorm认证需要网站登录

安装适用于 Linux 的 Google Chrome:

  1. 将目录更改为 tmp 文件夹:cd /tmp
  2. 使用 wget 下载它:sudo wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
  3. 获取当前稳定版本:sudo dpkg -i google-chrome-stable_current_amd64.deb
  4. 修复包:sudo apt install --fix-broken -y
  5. 配置包:sudo dpkg -i google-chrome-stable_current_amd64.deb

若要启动,请输入:google-chrome

tip: 如果第二步骤无法下载,大概率是DNS分配被改成手动了,改成自动就好了在网络和internet/以太网下可以修改

安装webstorm

  1. 将目录更改为 tmp 文件夹:cd /tmp
  2. 使用wget下载它: sudo wget https://download.jetbrains.com.cn/webstorm/WebStorm-2022.2.2.tar.gz
  3. 解压webstorm: tar -zxvf WebStorm-2022.2.2.tar.gz
  4. 将webstorm.sh 软连接到/usr/local/bin下面,就可以实现全局的webstorm .来打开文件夹 sudo ln -s /tmp/WebStorm-222.4167.31/bin /usr/local/bin/webstorm

结束

到这里基本安装基本结束了,又可以继续使用webstorm愉快的玩耍了😂🤣

image.png

参考

learn.microsoft.com/zh-cn/windo…