用 Windows 的前端小伙伴环境是怎么配置的？

[wiirhan]

之前一直用 wsl2 ，里面装 ubuntu 作为开发环境，但是 webstorm 的支持不是很好，对 pnpm 的支持也不太好。想知道用 windows 的前端小伙伴开发环境是怎样的。学习学习！！！

[dengqing]

vscode + wsl2

[thinkershare]

VSCode+WSL2(Ubuntu 20.04)+Docker

[Kenmin]

vscode + nvm + pnpm

[7c00]

环境：wsl2(debian)
编辑器：vim + coc
之前也用 pnpm ，然后最近开始用 bun 替代

[wiirhan]

@7c00 现在就开始使用 bun 呢？

[wiirhan]

@Kenmin 命令行使用的啥？

[winson030]

vscode + vmware 虚拟机开 manjaro ，ssh 连进去

[zhuangzhuang1988]

vscode + yarn
命令行随便 有时候直接 cmd

[dcsuibian]

webstorm + nvm + yarn
不过最近感觉 nvm 好像没太大用，而且可能会影响全局安装的一些 npm 包，在考虑卸载

[dcsuibian]

命令行用 PowerShell ，不过不是默认的 Windows Powershell （ powershell v5 ），而是 pwsh （ powershell v7 ）

[yangzzzzzz]

powershell7 + oh my post + nvm 完全够用了。wsl2 有些地方用起来不舒服

[7c00]

@wiirhan 目前只是用来代替 npm install 和 npm run/exec ，install 比 pnpm 还快，也对存储友好。

bun + fish 也非常好用，比如 bun add 补全，bun run 补全

http://tva1.sinaimg.cn/large/0061q8GHgy1h5vqt5hyabj30lh064mzd.jpg

http://tva1.sinaimg.cn/large/0061q8GHgy1h5vqtrw8g3j30lh04sabq.jpg

[wiirhan]

@7c00 🐮的，我去试试

[cxtrinityy]

为啥楼上 vs 一水溜的 wsl ，有啥黑魔法加成么，不是前端，就好奇

[fengjianxinghun]

vscode+vmware/centos7+docker/ubuntu1804

[haohaaaa]

@cxtrinityy 因为 vs code 原生支持 wsl ，且支持程度非常好，就感觉 Windows 是 Linux 发行版一样。

[Kenmin]

@wiirhan powershell 7 ，倒是上面一水儿的 wsl 是什么情况……

[7c00]

@cxtrinityy 我的情况是，windows 不是我的常用的系统，linux 和 macos 才是，所以会用 wsl 。而看项目和团队，在大家的环境都不是 windows 而你用 windows 遇到环境问题的时候，wsl 可能就不得不用。

[lzgshsj]

scoop install volta
volta install node
volta install pnpm
大项目 webstorm ，小玩意 vscode
volta 就是 https://volta.sh
顺带一提，wsl2 我也装了，但是基本不用。要求项目必须从一开始就完全处于 wsl 环境下，打开 windows 下的项目基本不可用，npm install 或者打包能慢得你怀疑人生。

[codingBug]

vscode + wsl2

[hymxm]

wsl 打开 win 下的 git repo 慢的一批,不知道 楼上的大佬们有没有遇到过

[yaphets666]

我草。。。前端用 linux 开发的报下公司名？我看看哪个公司这样啊

[placeholder]

visual studio 2022 preview

visual studio code insider

剩下的开发什么装什么，测试一下命令行，测试通过就齐活开干

[66beta]

windows terminal
没有特殊情况的话，直接 powershell 就能过日子了，特殊情况就开 wsl

[wiirhan]

@hymxm 如果 clone GitHub 上的代码是会很慢，其他时候都不慢

[terranboy]

vs code remote 随便什么环境

[wtf12138]

前端用 wsl 有什么优势吗？不懂求科普

[KuroNekoFan]

感觉用 wsl 必要性不是很大，不太清楚 docker desktop 是否需要 wsl ，如果不需要的话我觉得不装 wsl 也无所谓，git-bash 足够用了

[sechi]

原来大佬真的都在用 Linux.....

[7c00]

@wtf12138 wsl 的优势是因为它是 linux ，如果不知道为什么要用 wsl ，那就是没优势。工具而已，如非必要选趁手的用就好。

[feller]

前端用 linux 开发，就好比后端开发用记事本，又不是不能跑（ dog ）

[wiirhan]

@wtf12138 命令行好看🐶

[zhuweiyou]

webstorm + windows terminal + git bash + zsh + nvm

[joshua7v]

windows mac 都用同一套环境 wezterm + nvim

[walpurgis]

@cxtrinityy 因为 nodejs 在 windows 下问题很多，体验一言难尽，最不折腾的解决方案就是跑在*nix 里

[buruoyanyang]

偶尔帮前端写两个页面，webstrom + yarn, 其他都差不多

[ysc3839]

我不是做前端开发的，只是偶尔有 Node.js 需求，目前是使用 MSYS2 zsh shell ，mintty 终端，以及用 fnm 管理 Node.js 版本。
选择 fnm 是因为它跨平台，不需要再去研究别的工具，独立可执行文件，解压就能用，以及速度快，比 nvm 快很多。
https://github.com/Schniz/fnm

[jsq2627]

之前是 wsl2 ，后来因为 ssh 远程连入不方便，最后回归用 hyperv+arch

[l4ever]

wsl2 不卡吗?
当你的项目有几千个小文件的时候.

[stein9999]

vscode + wsl2 + brew + volta + pnpm + fish

[creanme]

windows terminal + nushell

[creanme]

因为我命令用的比较简单，一般来说就用命令行使用 npm, node, git 啥的，所以 windows terminal + nushell 完全够了。

[pytth]

vscode + node + cmd + npm

[uni]

之前我也是 wsl ，后来重装了几次之后越来越懒就不用了。。。现在是 vscode+nvm 就够了感觉

[NessajCN]

vmware(arch) + vscode(remote ssh)

[darknoll]

@cxtrinityy 装逼呗

[Danswerme]

用的 pwsh 够了，npm 装包除了维护几个老项目时安装 node-sass 时折腾了一下之外没遇到啥问题。

[abcbuzhiming]

@walpurgis 能不能具体举几个常见例子来说明 modejs 在 windows 下 [问题很多] ？我所知道的，无非是 nodejs 里一些使用 C 库的程序不兼容 windows ，但是有一说一，常规 web 前端真的能撞上 [问题很多] 吗？现在是 2022 年，windows 版本的 nodejs 已经跟着迭代到了 18.x ，如果说现在，在 windows 下，nodejs 仍然是 [问题很多] 。那我真的只能觉得 nodejs 的官方在划水

[cl1107]

编辑器：vscode 包管理 pnpm ； fnm 管理 nodejs 版本； powershell 7 + oh my posh + windows terminal

[AyaseEri]

vscode/webstorm + git bash/powershell + pnpm ，又不是不能用，WSL 有点多余。

[yunyuyuan]

公司电脑我装的 manjaro ，aur 上有飞书可以直接更新，vscode + vscode-neovim + zsh konsole 很舒服。
家里 windows 轻度写代码，就 vscode ，也没啥不方便的，唯一的不爽，就是 neovim 的自动切换输入法插件不能用。试过 wsl2 ，偶尔闪退就没用了

[yunyuyuan]

@walpurgis #35 同问，windows nodejs 有哪些问题呢，个人写了好几年前端没碰到过啥问题

[zhuangzhuang1988]

@yunyuyuan 都是微软自带不兼容光环.

[chiling]

vscode + wsl2 + nvm + ohmyzsh

个人感觉使用 wsl2 的坑：
1. 有时候网络不通，又不知道怎么配置，很折磨，浪费时间
2. 项目开久了，开多了，会占用内存不释放，把内存搞到 90%多

个人感觉使用的好处：
1. wsl2 就是 linux 环境了，没有 windows 环境兼容的坑，也可以配置跟服务端环境差不多，避免安装部署的时候的环境兼容引起的坑
2. rm -rf 删除 node_module 秒删
3. 用习惯了 vscode-remote 的话，其实还可以直接把环境搬到云上面，这样无论在哪都可以搬砖，也没有多台设备切换的烦恼

[HowardLeo]

vscode+yarn 命令行用的 VSCode 里直接调的 Powershell v5 主要这样可以少开一个 Windows Terminal😂😂

[Aloento]

话说你们为什么要用 wsl2
本小前端一直都是 scoop nodejs + winget vscode + corepack yarn / pnpm 没遇到过任何问题（

[Hyoban]

wsl2 加上 cfw tun mode 网络环境都完全不用配置了

[GiantHard]

虚拟机装 Linux

[renhou]

很纳闷，有什么场景必须要用 wsl2

[jixule]

vscode+windows terminal+postman 一把梭

[nba2k9]

我一直以为 wsl 就是给服务端开发用的

[xiangyuecn]

好奇你们是不是要在服务器里面部署 node_module ？？？

[goonxh]

webstorm + nvm ，不同的项目配置不同的 node 版本，很舒适
小玩意就用 vscode

[bojackhorseman]

欢迎来踩： https://jhxxs.github.io/2022/07/18/reinstall-win11-and-setup-env/

[rbq123456]

不太明白为啥要用 wsl ，楼里都在说 wsl 但是我好像没有什么场景是要用到 wsl 的，前端不是 npm i ，npm run dev 就完事儿了么，跨系统的就加个 cross-env 。

[n18255447846]

前端要什么 wsl ，玩玩而已罢了，顶多有些包可能要编译一下，不过大部分都是预编译好了放 github 上。windows 最让人诟病的是编译环境，不过配好 node-gyp 对于前端来说完全够了

[dfkjgklfdjg]

vsc+nvs ，然后改一改环境变量就结束了，其他的还需要考虑？都是 npm 上或者 github 上面拉现成的东西。
终端有条件就是 windows terminal ，没条件就用 powershell 。

[dfkjgklfdjg]

不是很能理解前端要上 linux 的，已经入侵其他领域了吗？
而且电脑不是公司提供的么，还能有选择的？

[whypool]

vscode 一把梭不行么？ wsl 是什么野路子？

[james2013]

实在不理解使用 wsl 和 linux 的必要性?
webstorm+npm+yarn 足够了
运行工程的话,点击按钮就完事了
使用命令行安装包的话,直接在 webstorm 底部点击 Terminal 进行操作,输入一行 yarn 安装命令就可以了

[yhxx]

只有我一个人在 vscode 里用 gitbash 当命令行工具吗

[yhxx]

windows 对前端最大的问题感觉还是 node-gyp ，别的都还好

[xbchaonba]

@james2013 搞复杂一点不是显得更神秘吗

[creanme]

@walpurgis 你是说 node-sass, electron, puppeteer 之类的吗？但是这些都可以通过设置 npm ，直接下载编译好的，说说常见的

npm config set sass_binary_site https://npmmirror.com/mirrors/node-sass;
npm config set electron_mirror https://npmmirror.com/mirrors/electron/;
npm config set puppeteer_download_host https://npmmirror.com/mirrors;
npm config set chromedriver_cdnurl https://npmmirror.com/mirrors/chromedriver;
npm config set operadriver_cdnurl https://npmmirror.com/mirrors/operadriver;
npm config set phantomjs_cdnurl https://npmmirror.com/mirrors/phantomjs;
npm config set selenium_cdnurl https://npmmirror.com/mirrors/selenium;
npm config set node_inspector_cdnurl https://npmmirror.com/mirrors/node-inspector;
npm config set cypress_download_mirror https://npmmirror.com/mirrors/cypress;

[zed1018]

vscode+wsl2
用 n 管理 nodejs ，nvm 实在太慢了影响心情

[beichenshao]

wsl2 基本是需要处理堡垒机或者服务器上查询一些东西时候，用到一些命令，但是 windows 环境不支持，所以用到

[TsubasaHanekaw]

论工具, 前端的花活可真多

[yanbinkwan96]

有两台笔记本，一台是 centos 另一个是 windows 。vscode remote container 接入 centos 。

[AnkhSpirit]

@dcsuibian nvm 全局安装的包是安装在当前版本的 node 里的，想用就得切到那个版本

[dcsuibian]

@AnkhSpirit 这个我知道，算一方面
我用 yarn 的时候，yarn global add 就不起效，必须要 npm i -g
所以会担心 nvm 出现什么其它影响