2021年，你有没有发现，除了传统前端，JavaScript的触角已经成为很多Serverless架构中默认支持的语言和后端。作为一名Web工程师，我在开发中发现自己所做的事情已经逐渐超越了前端本身，接触到越来越多非JavaScript/HTML/CSS领域的知识。在学习和提高的过程中，我发现了成长的乐趣和收获。在这里我总结一下自己成长过程中接触到的三个方面八个工具，希望对前端工程师有所帮助。一、善用工具1.1ChromeDevTool——前端必备工具首页：https://developer.chrome.com/...你可能永远不知道ChromeDevTool有这么多好用的功能：实时调试usb开发者模式Android手机；使用3D模式展示前端层级关系；可视化编辑CSS动画曲线；replacesomerequestswithlocalfiles...建议在YouTube上订阅What'snewinDevTool。每个新版本的Chrome发布后，都会添加一个新的视频介绍，新功能将大大提高您的前端开发速度和质量。1.2Neovim/Vim-ImmersiveCodingExperience主页：https://neovim.io/这是我最常用的工具，我会用它来写TypeScript或者go。就个人而言，我非常主观地喜欢Neovim而不是Vim，因为它现在内置了LanguageServer，可以在lua中编写各种插件或命令。虽然Vim的学习曲线陡峭，但上手后，你可以扔掉鼠标，快速专注于编码。另外，通过coc.nvim自动补全插件，Vim可以实现和VSCode一样的智能提示和快速跳转。顺便说一句，如果你是新手，我建议你和我一样，把键盘的上下左右键都停用——这样你就可以身临其境地体验Vim的按键了。1.3VisualStudioCode——最流行的编辑器主页：https://code.visualstudio.com/另外一个我非常喜欢用的代码编写工具就是VisualStudioCode，我一直在用它的内测版，每次新的时候版本已发布，请密切关注发布日志，以便您试用其最新功能。我什至脑洞大开，用LiveShare插件实现了本地端的远程协助和免密分享（是的，不需要内网穿透工具）；使用MySQL插件代替数据库GUI工具查看数据。2.快速原型制作/开发2.1Draw.io-强大的原型制作工具这是一款免费且强大的流程图和原型制作工具，您只需打开网页即可使用。此外，它还提供本地版本，因此您可以离线使用它。主页：https://draw.io/2.2轻服务-快速一站式开发平台主页：https://qingfuwu.cn/这是字节跳动推出的面向开发者的云服务，您可以用JavaScript快速编写并部署您的前端项目或Serverless后台，内置Redis、数据库等基础服务——你只需要完成核心逻辑，无需关心基础组件如何连接和管理。另外值得一提的是，轻服务的开发体验非常好。在轻服务数据库中，您甚至可以直接浏览编辑数据库数据，直接查看图片。3.信息获取3.1HackerNews-知名IT交流社区，可以了解行业前沿技术。建议通过Algolia提供的HNSearch快速或搜索热门内容。3.2qiita.com-来自日本的“极致版CSDN”这是一个日本的编程社区，总体文章质量比CSDN好很多，也没有牛皮癣式的广告。我无法完全理解所有的外语，但只要捕捉代码中的关键字，就可以大致理解其中的意思。另外，请记住为您的Chrome安装谷歌翻译插件。额外的搜索提示：您可以将Google的搜索语言设置为：英语、日语、中文、俄语。这样才能找到更有意义的结果（qiita社区也会有很多文章）。主页：https://qiita.com/3.3RSS订阅-追踪更多精彩内容我是GoogleReader的老用户（现在只能怀念），现在要用Reeder订阅和管理我的feed。许多知名开发者都有自己的博客（而不是公众号），你可以通过RSS订阅他们的更新。
