之前一直用 wsl2 ,里面装 ubuntu 作为开发环境,但是 webstorm 的支持不是很好,对 pnpm 的支持也不太好。想知道用 windows 的前端小伙伴开发环境是怎样的。学习学习!!!
![]() | 1 dengqing 2022-09-05 14:31:39 +08:00 vscode + wsl2 |
2 thinkershare 2022-09-05 14:35:12 +08:00 VSCode+WSL2(Ubuntu 20.04)+Docker |
3 Kenmin 2022-09-05 14:36:45 +08:00 vscode + nvm + pnpm |
4 7c00 2022-09-05 14:44:26 +08:00 环境:wsl2(debian) 编辑器:vim + coc 之前也用 pnpm ,然后最近开始用 bun 替代 |
![]() | 7 winson030 2022-09-05 14:54:17 +08:00 vscode + vmware 虚拟机开 manjaro ,ssh 连进去 |
![]() | 8 zhuangzhuang1988 2022-09-05 14:56:00 +08:00 vscode + yarn 命令行随便 有时候直接 cmd |
9 dcsuibian 2022-09-05 15:01:39 +08:00 webstorm + nvm + yarn 不过最近感觉 nvm 好像没太大用,而且可能会影响全局安装的一些 npm 包,在考虑卸载 |
10 dcsuibian 2022-09-05 15:02:33 +08:00 命令行用 PowerShell ,不过不是默认的 Windows Powershell ( powershell v5 ),而是 pwsh ( powershell v7 ) |
11 yangzzzzzz 2022-09-05 15:06:58 +08:00 powershell7 + oh my post + nvm 完全够用了。wsl2 有些地方用起来不舒服 |
12 7c00 2022-09-05 15:07:05 +08:00 @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 |
14 cxtrinityy 2022-09-05 15:15:51 +08:00 via Android 为啥楼上 vs 一水溜的 wsl ,有啥黑魔法加成么,不是前端,就好奇 |
15 fengjianxinghun 2022-09-05 15:18:17 +08:00 vscode+vmware/centos7+docker/ubuntu1804 |
![]() | 16 haohaaaa 2022-09-05 15:21:31 +08:00 via iPhone ![]() @cxtrinityy 因为 vs code 原生支持 wsl ,且支持程度非常好,就感觉 Windows 是 Linux 发行版一样。 |
18 7c00 2022-09-05 15:36:19 +08:00 ![]() @cxtrinityy 我的情况是,windows 不是我的常用的系统,linux 和 macos 才是,所以会用 wsl 。而看项目和团队,在大家的环境都不是 windows 而你用 windows 遇到环境问题的时候,wsl 可能就不得不用。 |
![]() | 19 lzgshsj 2022-09-05 15:44:34 +08:00 scoop install volta volta install node volta install pnpm 大项目 webstorm ,小玩意 vscode volta 就是 https://volta.sh 顺带一提,wsl2 我也装了,但是基本不用。要求项目必须从一开始就完全处于 wsl 环境下,打开 windows 下的项目基本不可用,npm install 或者打包能慢得你怀疑人生。 |
![]() | 20 codingBug 2022-09-05 16:11:29 +08:00 vscode + wsl2 |
![]() | 21 hymxm 2022-09-05 16:22:40 +08:00 wsl 打开 win 下的 git repo 慢的一批,不知道 楼上的大佬们有没有遇到过 |
![]() | 22 yaphets666 2022-09-05 16:38:15 +08:00 我草。。。前端用 linux 开发的报下公司名?我看看哪个公司这样啊 |
![]() | 23 placeholder 2022-09-05 16:43:21 +08:00 visual studio 2022 preview visual studio code insider 剩下的开发什么装什么,测试一下命令行,测试通过就齐活开干 |
![]() | 24 66beta 2022-09-05 16:44:56 +08:00 windows terminal 没有特殊情况的话,直接 powershell 就能过日子了,特殊情况就开 wsl |
26 terranboy 2022-09-05 16:53:44 +08:00 vs code remote 随便什么环境 |
![]() | 27 wtf12138 2022-09-05 17:01:40 +08:00 前端用 wsl 有什么优势吗?不懂求科普 |
![]() | 28 KuroNekoFan 2022-09-05 17:03:55 +08:00 感觉用 wsl 必要性不是很大,不太清楚 docker desktop 是否需要 wsl ,如果不需要的话我觉得不装 wsl 也无所谓,git-bash 足够用了 |
![]() | 29 sechi 2022-09-05 17:22:46 +08:00 原来大佬真的都在用 Linux..... |
30 7c00 2022-09-05 17:26:05 +08:00 @wtf12138 wsl 的优势是因为它是 linux ,如果不知道为什么要用 wsl ,那就是没优势。工具而已,如非必要选趁手的用就好。 |
![]() | 31 feller 2022-09-05 17:51:03 +08:00 前端用 linux 开发,就好比后端开发用记事本,又不是不能跑( dog ) |
33 zhuweiyou 2022-09-05 18:09:02 +08:00 webstorm + windows terminal + git bash + zsh + nvm |
![]() | 34 joshua7v 2022-09-05 18:12:40 +08:00 windows mac 都用同一套环境 wezterm + nvim |
35 walpurgis 2022-09-05 18:26:59 +08:00 via iPhone ![]() @cxtrinityy 因为 nodejs 在 windows 下问题很多,体验一言难尽,最不折腾的解决方案就是跑在*nix 里 |
36 buruoyanyang 2022-09-05 18:31:39 +08:00 偶尔帮前端写两个页面,webstrom + yarn, 其他都差不多 |
![]() | 37 ysc3839 2022-09-05 18:59:32 +08:00 我不是做前端开发的,只是偶尔有 Node.js 需求,目前是使用 MSYS2 zsh shell ,mintty 终端,以及用 fnm 管理 Node.js 版本。 选择 fnm 是因为它跨平台,不需要再去研究别的工具,独立可执行文件,解压就能用,以及速度快,比 nvm 快很多。 https://github.com/Schniz/fnm |
![]() | 38 jsq2627 2022-09-05 19:10:24 +08:00 via iPhone 之前是 wsl2 ,后来因为 ssh 远程连入不方便,最后回归用 hyperv+arch |
39 luckyc 2022-09-05 19:33:14 +08:00 wsl2 不卡吗? 当你的项目有几千个小文件的时候. |
![]() | 40 stein9999 2022-09-05 19:42:38 +08:00 vscode + wsl2 + brew + volta + pnpm + fish |
![]() | 41 creanme 2022-09-05 19:45:25 +08:00 windows terminal + nushell |
![]() | 42 creanme 2022-09-05 19:47:19 +08:00 因为我命令用的比较简单,一般来说就用命令行使用 npm, node, git 啥的,所以 windows terminal + nushell 完全够了。 |
43 pytth 2022-09-05 20:04:56 +08:00 via iPhone vscode + node + cmd + npm |
44 uni 2022-09-05 20:12:33 +08:00 之前我也是 wsl ,后来重装了几次之后越来越懒就不用了。。。现在是 vscode+nvm 就够了感觉 |
45 NessajCN 2022-09-05 20:15:01 +08:00 vmware(arch) + vscode(remote ssh) |
46 darknoll 2022-09-05 20:48:13 +08:00 @cxtrinityy 装逼呗 |
47 Danswerme 2022-09-05 20:53:01 +08:00 用的 pwsh 够了,npm 装包除了维护几个老项目时安装 node-sass 时折腾了一下之外没遇到啥问题。 |
![]() | 48 abcbuzhiming 2022-09-05 21:16:26 +08:00 @walpurgis 能不能具体举几个常见例子来说明 modejs 在 windows 下 [问题很多] ?我所知道的,无非是 nodejs 里一些使用 C 库的程序不兼容 windows ,但是有一说一,常规 web 前端真的能撞上 [问题很多] 吗?现在是 2022 年,windows 版本的 nodejs 已经跟着迭代到了 18.x ,如果说现在,在 windows 下,nodejs 仍然是 [问题很多] 。那我真的只能觉得 nodejs 的官方在划水 |
![]() | 49 cl1107 2022-09-05 21:55:55 +08:00 ![]() 编辑器:vscode 包管理 pnpm ; fnm 管理 nodejs 版本; powershell 7 + oh my posh + windows terminal |
50 AyaseEri 2022-09-05 21:59:06 +08:00 vscode/webstorm + git bash/powershell + pnpm ,又不是不能用,WSL 有点多余。 |
![]() | 51 yunyuyuan 2022-09-05 22:21:58 +08:00 公司电脑我装的 manjaro ,aur 上有飞书可以直接更新,vscode + vscode-neovim + zsh konsole 很舒服。 家里 windows 轻度写代码,就 vscode ,也没啥不方便的,唯一的不爽,就是 neovim 的自动切换输入法插件不能用。试过 wsl2 ,偶尔闪退就没用了 |
![]() | 53 zhuangzhuang1988 2022-09-05 22:59:50 +08:00 @yunyuyuan 都是微软自带不兼容光环. |
54 chiling 2022-09-05 23:27:33 +08:00 vscode + wsl2 + nvm + ohmyzsh 个人感觉使用 wsl2 的坑: 1. 有时候网络不通,又不知道怎么配置,很折磨,浪费时间 2. 项目开久了,开多了,会占用内存不释放,把内存搞到 90%多 个人感觉使用的好处: 1. wsl2 就是 linux 环境了,没有 windows 环境兼容的坑,也可以配置跟服务端环境差不多,避免安装部署的时候的环境兼容引起的坑 2. rm -rf 删除 node_module 秒删 3. 用习惯了 vscode-remote 的话,其实还可以直接把环境搬到云上面,这样无论在哪都可以搬砖,也没有多台设备切换的烦恼 |
![]() | 55 HowardLeo 2022-09-06 04:56:38 +08:00 via iPhone vscode+yarn 命令行用的 VSCode 里直接调的 Powershell v5 主要这样可以少开一个 Windows Terminal |
![]() | 56 Aloento 2022-09-06 05:50:35 +08:00 话说你们为什么要用 wsl2 本小前端一直都是 scoop nodejs + winget vscode + corepack yarn / pnpm 没遇到过任何问题( |
![]() | 57 Hyoban 2022-09-06 07:19:33 +08:00 wsl2 加上 cfw tun mode 络环境都完全不用配置了 |
![]() | 58 GiantHard 2022-09-06 08:00:31 +08:00 via Android 虚拟机装 Linux |
![]() | 59 renhou 2022-09-06 08:29:33 +08:00 很纳闷,有什么场景必须要用 wsl2 |
60 jixule 2022-09-06 08:30:56 +08:00 vscode+windows terminal+postman 一把梭 |
![]() | 61 nba2k9 2022-09-06 08:40:12 +08:00 我一直以为 wsl 就是给服务端开发用的 |
![]() | 62 xiangyuecn 2022-09-06 08:53:59 +08:00 好奇你们是不是要在服务器里面部署 node_module ??? |
![]() | 63 goonxh 2022-09-06 08:57:11 +08:00 webstorm + nvm ,不同的项目配置不同的 node 版本,很舒适 小玩意就用 vscode |
![]() | 64 dumbass 2022-09-06 10:20:50 +08:00 |
65 rbq123456 2022-09-06 10:48:15 +08:00 不太明白为啥要用 wsl ,楼里都在说 wsl 但是我好像没有什么场景是要用到 wsl 的,前端不是 npm i ,npm run dev 就完事儿了么,跨系统的就加个 cross-env 。 |
66 n18255447846 2022-09-06 11:18:05 +08:00 前端要什么 wsl ,玩玩而已罢了,顶多有些包可能要编译一下,不过大部分都是预编译好了放 github 上。windows 最让人诟病的是编译环境,不过配好 node-gyp 对于前端来说完全够了 |
![]() | 67 94 2022-09-06 11:37:58 +08:00 vsc+nvs ,然后改一改环境变量就结束了,其他的还需要考虑?都是 npm 上或者 github 上面拉现成的东西。 终端有条件就是 windows terminal ,没条件就用 powershell 。 |
![]() | 68 94 2022-09-06 11:41:21 +08:00 ![]() 不是很能理解前端要上 linux 的,已经入侵其他领域了吗? 而且电脑不是公司提供的么,还能有选择的? |
![]() | 69 whypool 2022-09-06 11:45:26 +08:00 via Android vscode 一把梭不行么? wsl 是什么野路子? |
![]() | 70 james2013 2022-09-06 11:48:28 +08:00 实在不理解使用 wsl 和 linux 的必要性? webstorm+npm+yarn 足够了 运行工程的话,点击按钮就完事了 使用命令行安装包的话,直接在 webstorm 底部点击 Terminal 进行操作,输入一行 yarn 安装命令就可以了 |
![]() | 71 yhxx 2022-09-06 11:53:32 +08:00 只有我一个人在 vscode 里用 gitbash 当命令行工具吗 |
![]() | 72 yhxx 2022-09-06 11:54:06 +08:00 windows 对前端最大的问题感觉还是 node-gyp ,别的都还好 |
![]() | 74 creanme 2022-09-06 12:03:30 +08:00 @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; |
75 zed1018 2022-09-06 12:45:53 +08:00 vscode+wsl2 用 n 管理 nodejs ,nvm 实在太慢了影响心情 |
![]() | 76 beichenshao 2022-09-06 13:39:07 +08:00 wsl2 基本是需要处理堡垒机或者服务器上查询一些东西时候,用到一些命令,但是 windows 环境不支持,所以用到 |
77 TsubasaHanekaw 2022-09-06 14:21:38 +08:00 论工具, 前端的花活可真多 |
![]() | 78 yanbinkwan96 2022-09-06 14:46:19 +08:00 有两台笔记本,一台是 centos 另一个是 windows 。vscode remote container 接入 centos 。 |
80 dcsuibian 2022-09-08 12:33:08 +08:00 |