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

2022-09-05 14:26:02 +08:00
 wiirhan

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

7950 次点击
所在节点    程序员
80 条回复
nba2k9
2022-09-06 08:40:12 +08:00
我一直以为 wsl 就是给服务端开发用的
xiangyuecn
2022-09-06 08:53:59 +08:00
好奇你们是不是要在服务器里面部署 node_module ???
goonxh
2022-09-06 08:57:11 +08:00
webstorm + nvm ,不同的项目配置不同的 node 版本,很舒适
小玩意就用 vscode
bojackhorseman
2022-09-06 10:20:50 +08:00
rbq123456
2022-09-06 10:48:15 +08:00
不太明白为啥要用 wsl ,楼里都在说 wsl 但是我好像没有什么场景是要用到 wsl 的,前端不是 npm i ,npm run dev 就完事儿了么,跨系统的就加个 cross-env 。
n18255447846
2022-09-06 11:18:05 +08:00
前端要什么 wsl ,玩玩而已罢了,顶多有些包可能要编译一下,不过大部分都是预编译好了放 github 上。windows 最让人诟病的是编译环境,不过配好 node-gyp 对于前端来说完全够了
dfkjgklfdjg
2022-09-06 11:37:58 +08:00
vsc+nvs ,然后改一改环境变量就结束了,其他的还需要考虑?都是 npm 上或者 github 上面拉现成的东西。
终端有条件就是 windows terminal ,没条件就用 powershell 。
dfkjgklfdjg
2022-09-06 11:41:21 +08:00
不是很能理解前端要上 linux 的,已经入侵其他领域了吗?
而且电脑不是公司提供的么,还能有选择的?
whypool
2022-09-06 11:45:26 +08:00
vscode 一把梭不行么? wsl 是什么野路子?
james2013
2022-09-06 11:48:28 +08:00
实在不理解使用 wsl 和 linux 的必要性?
webstorm+npm+yarn 足够了
运行工程的话,点击按钮就完事了
使用命令行安装包的话,直接在 webstorm 底部点击 Terminal 进行操作,输入一行 yarn 安装命令就可以了
yhxx
2022-09-06 11:53:32 +08:00
只有我一个人在 vscode 里用 gitbash 当命令行工具吗
yhxx
2022-09-06 11:54:06 +08:00
windows 对前端最大的问题感觉还是 node-gyp ,别的都还好
xbchaonba
2022-09-06 11:55:43 +08:00
@james2013 搞复杂一点不是显得更神秘吗
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;
zed1018
2022-09-06 12:45:53 +08:00
vscode+wsl2
用 n 管理 nodejs ,nvm 实在太慢了影响心情
beichenshao
2022-09-06 13:39:07 +08:00
wsl2 基本是需要处理堡垒机或者服务器上查询一些东西时候,用到一些命令,但是 windows 环境不支持,所以用到
TsubasaHanekaw
2022-09-06 14:21:38 +08:00
论工具, 前端的花活可真多
yanbinkwan96
2022-09-06 14:46:19 +08:00
有两台笔记本,一台是 centos 另一个是 windows 。vscode remote container 接入 centos 。
AnkhSpirit
2022-09-07 10:42:25 +08:00
@dcsuibian nvm 全局安装的包是安装在当前版本的 node 里的,想用就得切到那个版本
dcsuibian
2022-09-08 12:33:08 +08:00
@AnkhSpirit 这个我知道,算一方面
我用 yarn 的时候,yarn global add 就不起效,必须要 npm i -g
所以会担心 nvm 出现什么其它影响

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/877810

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX