随着 Web 开发环境的不断发展，我们的工具包也在不断发展。我一直在完善我的设置，我很好奇其他人现在都在使用什么。无论是文本编辑器、浏览器扩展、框架，还是任何能让您的编码更流畅、更高效的实用程序，我都很乐意听听他们的想法。
以下是我最近一直依赖的：
- VSCode——因为它具有令人难以置信的扩展和流畅的集成。
- Tailwind CSS——用于快速 UI 开发。
- Docker-用于确保我的环境在所有阶段都是一致的。
网友： 1、好的背景音乐：
- https://open.spotify.com/album/7aNclGRxTysfh6z0d8671k?si=zlxuralCTX-R9h0KwK14DA
- https://open.spotify.com/playlist/40op0ZFAU6mN72y6zD2RgZ?si=gAVmnC0BRUaEF4Po8dIOhA&pi=FSJGwb8kSSqf1
- https://open.spotify.com/playlist/0vvXsWCC9xrXsKd4FyS8kM?si=AQoAMOgZSkO6SDyhI_cREg&pi=a-UPfRrxIXTSiF
- https://open.spotify.com/playlist/0oojX1qKDAWabjiWlk8uWX?si=2OT1ZA6KQsOCL_LzPQRz7w&pi=e-O9kN09FBTm2W
- https://musicforprogramming.net/latest/
- https://everynoise.com
2、nvm 用于NodeJs版本管理 用于 elixir 和 erlang 版本管理的 asdf git DBeaver 或类似软件 WCAG 浏览器扩展程序可帮助实现 a11y Prettier / ESlint
3、Pesticide chrome插件：它可以让用户看到所有 div 的轮廓，一般还有助于定位和跟踪标签。
4、TypeScript、一大堆 eslint 规则、OP 的妈妈、React、jest、react 测试库、cucumber + 其他（webdriver.io、cypress 等）、jira、一支称职的管理 / 领导团队、scrum
5、彩虹屁 vscode插件：是一个在你编码时不断给你称赞的扩展。它会检查代码中的关键字以播放相关声音。
6、老实说，我现在很喜欢使用 copilot，如果我的连接或 vscode 出现问题导致它没有响应，我会有点不高兴。我已经习惯了使用注释速记，让它只输出我需要的接下来的 6 行左右的内容。
7、拥有一套符合人体工程学的良好设备。您应该使用符合人体工程学或舒适的键盘（我喜欢机械键，这样不会触底并给关节带来压力）和优质的鼠标/平板电脑。您还应该有一把带脚凳的支撑性好的椅子，以确保您的坐姿适合您的桌子高度（一般的桌子高度很差，特别是如果您比较矮/比较高）。要有良好的灯光、优质的显示器，并确保休息。蓝光防护眼镜在编码时非常有用，但如果您进行设计，请确保在高亮度屏幕和细节工作时经常休息。
8、PHPStorm 和 Spotify：我已经使用 PHPStorm 很多年了，但我似乎无法说服自己改用 VS Code。尤其是集成了 AI 助手的 IDE。它真的是一个糟糕的 IDE
9、大脑。我发现现在越来越多的开发人员缺乏大脑。
10、Ohmyzsh，wappalyzer 浏览器扩展
11、代码拼写检查器Vscode 插件：适用于代码和文档的基本拼写检查器。此拼写检查器的目标是帮助捕捉常见的拼写错误，同时保持较低的误报数量。
12、Darcula 主题vscode插件:基于Jetbrains IDE 的Darcula主题的Visual Studio Code主题扩展。
- 主要专注于HTML5/CSS/JS（TS）开发。