共计 1636 个字符，预计需要花费 5 分钟才能阅读完成。
在 2021 年，你是否发现 JavaScript 的触角除了传统前后端，甚至成了很多 Serverless 架构中默认反对的语言。我作为一名 Web 工程师，在开发中发现我做的事件缓缓曾经超过了前端自身，接触到越来越多非 JavaScript/HTML/CSS 畛域的各种常识，在学习和晋升中，我挖掘到越来越多的乐趣，也获益匪浅。
这外面我总结了我在成长中接触的三个方面八个工具，可能对前端工程师有所帮忙。
1. 善用工具
1.1 Chrome DevTool – 前端工具必备
主页：https://developer.chrome.com/…
你可能永远不晓得 Chrome DevTool 有这么多好用的性能：实时调试 usb 开发者模式的安卓手机；应用 3D 模式展现前端层级关系；可视化编辑 CSS 动画曲线；用本地文件替换局部申请……
倡议在油管上订阅 What’s new in DevTool，每个 Chrome 新版本公布后，都会有一个新影片介绍减少的新性能，让你的前端开发速度与品质大大晋升。
1.2 Neovim/Vim – 沉迷式编码体验
主页：https://neovim.io/
这是我最罕用的工具，我会用它写 TypeScript 或者 go。我集体十分主观地喜爱 Neovim 超过 Vim，因为它当初内置了 Language Server，能用 lua 写各种插件或者命令。尽管 Vim 有着很平缓的学习曲线，然而在上手后，你能够甩开鼠标，疾速专一于编码。
另外，通过 coc.nvim 主动补全插件，Vim 能够做到和 VSCode 一样的智能提醒，疾速跳转。对了，如果你是老手，倡议你和我一样，把键盘的上下左右键扣掉——这样能力沉迷式体验 Vim 键位。
1.3 Visual Studio Code – 最受欢迎的编辑器
主页：https://code.visualstudio.com/
另外一个我十分喜爱用的代码编写工具是 Visual Studio Code，且我始终放弃应用它的 insider 版本，每次新版本公布时，会关注公布日志，以便尝试应用它的最新性能。
我甚至开过脑洞，用 LiveShare 插件实现近程帮助、免密共享本地 terminal（是的，你不须要内网穿透工具）；用 MySQL 插件代替数据库 GUI 工具查看数据。
2. 疾速原型 / 开发
2.1 Draw.io – 弱小的原型设计工具
这是一个收费且弱小的流程图、原型工具，你关上网页即可应用。另外它还提供本地版本，你能够离线应用它。
主页：https://draw.io/
2.2 轻服务 – 疾速的一站式开发平台
主页：https://qingfuwu.cn/
这是字节跳动推出面向开发者的云服务，你能够用 JavaScript 疾速编写和部署你的前端我的项目或者 Serverless 后盾，它内置了 Redis 和数据库等根底服务——你只有实现外围逻辑，不必关怀如何连贯和治理根底组件。
另外值得一提的是，轻服务的开发体验十分棒，在轻服务的数据库中，你甚至能够间接浏览和编辑数据库数据，间接查看图片。
3. 信息获取
3.1 Hacker News – 出名的 IT 交换社区
能够理解业内前沿的技术，举荐通过 HN Search powered by Algolia 疾速或者搜寻热点内容。
3.2 qiita.com – 来自日本的『极速版 CSDN』
这是一个编程的日本社区，广泛的文章品质比 CSDN 好很多，且没有各种牛皮癣式的广告。我也不是齐全能看懂所有外语，然而你只有捕获代码中的关键词，就能大抵看懂意思。另外，记得给你的 Chrome 装上 Google Translate 插件。
附赠一个搜寻小技巧：能够把 Google 的搜寻语言设置为：英文，日文，中文，俄语。这样能搜到更多有意义的后果（其中也会有很多 qiita 社区的文章）。
主页：https://qiita.com/
3.3 RSS 订阅 – 跟踪更多的优良内容
我是 Google Reader（当初只能思念了）的老用户，当初我会用 Reeder 订阅和治理我的订阅源。很多出名的开发者都有本人的博客（而不是公众号），你能够通过 RSS 订阅他们的更新。