我的 2020 年 Web 开发设置

2025-06-09

我的 2020 年 Web 开发设置

去年我写了一篇关于我的Web 开发设置的文章。我平时不怎么在 dev.to 账号上写东西,主要是因为我已经有自己的博客了,我会在上面分享我觉得需要记录的想法。但今天有人在推特上发了那篇文章,我心想:“或许现在是时候更新一下了?”

好吧,我们到了!

由于我在 2019 年末升级了笔记本电脑,所以一直以来我都使用Ubuntu 19.10(Eoan Ermine)作为笔记本电脑和工作站的主要操作系统。最新的 Ubuntu 操作系统让我感到惊喜,它确实比之前的版本速度更快、响应更灵敏,而且我发现的问题很少。

作者注:与去年一样,此列表仅包含我必须在基础 Ubuntu 系统或我经常使用的云服务之外安装的软件。如果您想知道我使用什么来播放音乐、查看图片或编辑电子表格,我将使用 Ubuntu 自带的所有软件。

浏览器

  1. Firefox——可能是 2019 年最重要的一次转变。去年年中左右,我从 Chrome 切换到了 Firefox 作为我的主力浏览器。我最初从 Firefox 转到 Chrome 是因为它的开发工具更强大,但 Firefox 确实取得了长足的进步,自从换了之后,我就再也没有后悔过。
  2. Chrome——我仍然安装了 Chrome,但仅仅是因为 a) 我懒得将我的 Laravel Dusk 配置为使用 Firefox,以及 b) 有时我需要在 Chrome 中调试特定的客户端问题。

开发环境

  1. LAMP - Digital Ocean 已成为基于 Linux 设置教程的丰富资源,我仍然使用相同的教程来安装我的 LAMP 设置。
  2. 我已经开始尝试自动化许多我仍在做的手动任务,因此我创建了这个 sitesetup 脚本,它可以帮助我在工作站上配置一个基于 LAMP 的新站点。
  3. 我已经有一年多没有使用过VirtualboxVagrantHomestead 了,我认为它们可能会在 2020 年从名单上消失。

編輯

  1. PHPStorm——仍然是最好的 PHP(和通用 Web 开发)IDE。
  2. Notepadqq - Notepadqq 是 Notepad++ 的 Linux 版本,我在 Windows 上用它来替代记事本。

开发工具(IDE扩展)

  1. PHP Inspections - 这款插件是 PHPStorm 的开源静态代码分析器,它以多种方式提升了我的代码质量。我甚至根据它的建议学习了新的方法来实现相同的功能。我强烈推荐购买EA Ultimate付费版。

开发工具(GUI)

  1. PHPMyAdmin - 我从开始 PHP 开发开始就一直在使用 PHPMyAdmin。它是进行数据库小修改的最快捷方式。
  2. MySQL Workbench - 更强大的数据库建模工具
  3. MailHog - 捕获所有通过本地 Web 服务器发送的邮件。我找到了一篇很棒的Ubuntu 设置文章,五年后仍然有效。

开发工具(CLI)

  1. Git——我有一个用于公共项目的GitHub帐户和一个用于私人项目的GitLab帐户。
  2. Subversion——因为 WordPress.org。
  3. Composer ——PHP 的包管理器。
  4. PHPUnit - PHP 测试框架。
  5. Xdebug - PHP 调试工具。之前因为奇怪的文件夹结构和符号链接问题,导致它无法完全正常工作。后来我解决了这个问题,它成了我工具箱里的一个重要工具。
  6. PHP CodeSniffer - 我非常坚持确保我的代码符合编码标准。我使用WordPress 编码标准进行 WordPress 开发,并使用PSR-1进行其他 PHP 项目开发。
  7. WP-CLI - WordPress 的命令行界面。我最近发现了Alain Schlesser开发的 wp-cli-psysh ,它让 wp shell 命令变得赏心悦目。
  8. YuiCompressor - 我不倾向于使用任务运行器来压缩 JavaScript 和/或 CSS(我知道,我知道),而 PHPStorm 已经内置了通过 YuiCompressor 执行此类操作的支持。
  9. NodeJS - 安装 YuiCompressor(主要)
  10. mkcert - 一款优秀的 CLI 应用,用于生成本地信任的 SSL 证书。安装方式:
  11. Homebrew - 纯粹用于安装 mkcert
  12. 管道查看器- 一款用于监控数据在管道中传输进度的工具。我用它来查看 mysqldump 命令的执行进度。

API 工具

  1. Postman - 用于测试 API 请求
  2. SOAP UI - 我第一次使用 SOAP API 时就使用了 SOAP UI,从那以后我就一直坚持使用它

沟通

  1. Slack - Castos团队、WPSouthAfrica和 Making WordPress 社区以及Codeable专家社区均通过 Slack 聊天。

生产力/追踪

  1. WakaTime - 记录编写代码的时间。当我忘记自己在做什么的时候很有用。
  2. Toggl - 时间追踪工具。使用这个工具后,我的时间追踪能力确实提高了不少,如果你是按小时收费的,这个工具就显得尤为重要。

多媒体

  1. SimpleScreenRecorder - 我还没有在 Ubuntu 上找到比它更好的短屏幕录像录制应用
  2. OBS Studio - 主要由主播使用,当我录制较长的教程类型视频时,当我想让我的脸出现在屏幕上,画中画风格时,我会使用它。
  3. Audacity - 音频编辑器,主要用于编辑 WPHackerCast 剧集。
  4. VLC - 我已经 10 多年没用过其他视频播放器了
  5. AwesomeScreenshot - Chrome 浏览器扩展程序,用于快速截取浏览器屏幕截图。

密码管理

  1. LastPass——三年过去了,我仍然使用同一个密码管理器,因为它能满足我的需要。
鏂囩珷鏉ユ簮锛�https://dev.to/jonathanbossenger/my-2020-web-development-setup-3a98
PREV
现实世界开发人员的问题:API 版本控制
NEXT
每个 React 开发人员都应该拥有的 33 个 React 库 1. formik 2. react-select 3. framer-motion 4. chakra-ui 5. material-ui 6. react-icons 7. recharts 8. react-responsive-carousel 9. react-calendar 10. full-calendar 11. video-react 12. react-password-strength 13. email.js 14. react-drag-drop-files 15. react-dnd 16. react-i18next 17. react-virtualized 18. react-testing-library 19. react-image-file-resizer 20. react-table 21. react-markdown 22. react-router-dom 23. react-pdf 24. react-h5-audio-player 25. react-virtual 26. react-query 27. storybook 28. react-popup 29. react-mantine 30. react-leaflet 31. react-admin 32. react-tooltip 33. react-image-cropper