网页翻译插件哪个好用 视频同步翻译软件讲解
作为前端开发人员，最得心应手的搬砖工具就是Webstorm和VSCode。Webstorm就像苹果的系统，封闭源码，收费，良好强大的官方开发能力，智能索引和补全功能，VSCode就像Android，开源，持续迭
作为前端开发人员，最得心应手的搬砖工具就是Webstorm和VSCode。Webstorm就像苹果的系统，封闭源码，收费，良好强大的官方开发能力，智能索引和补全功能，VSCode就像Android，开源，持续迭代更新，社区充满活力。
Webstorm 2021.3版本更新后，卡顿的情况比过去缓解了很多。就算重装node_modules也不会像以前一样卡半天，因为卡顿从Webstorm退下来的朋友可以回来看看。
我用Webstorm比较下，总结了一些好的插件和实用技巧。希望能帮到你~
本文是系列文章之一:
推介几款 windows 下非常好用的工具
打造舒适搬砖环境，这些是我最想推介的桌面好物
干货满满！推介几款 Mac 下非常好用的软件（第一弹）
干货满满！推介几款 Mac 下非常好用的软件（第二弹）
干货满满！推介几款 Mac 下非常好用的软件（第三弹）
1.插件介绍以下插件可以从Webstorm官方插件市场下载，只需搜索插件名称并安装即可。
一些感觉没有解决痛点的插件，比如activate-power-mode，彩虹支架，彩虹进度条Dmitry Batkovich，不推荐。
还有一些第三方智能代码补全的插件，比如Codota、Kite、Tabnine等。我觉得Webstorm自己的机器学习智能补全还是挺好用的。有时候用第三方插件代码完成速度有点慢，会占用额外的内存，有时候会和自己的完成冲突或者重复。可能是我的机器配置不够高。有兴趣的可以装上试试。
中文语言包/中文语言包早期没有官方的中文语言包，但是Github上有一个翻译插件，很久没有更新了。好在2021年中国官方语言包上线，弥补了鸡的英语能力弱(六级436飘过)。不是说原来的英文界面不能用，只是觉得有些英文的设置不能一目了然，需要很长时间才能找到。
有的老板可能觉得英语挺好的，习惯了也一样，看你个人需求了~
AceJump:快速光标定位
您可以将插入光标快速导航到编辑器中任何可见的位置。有了AceJump，不用鼠标就能轻松开发整个键盘。另一个好处是，即使编辑器窗口被拆分，您也可以在不同的窗口之间导航。快捷键control/ctrl+；
GitToolBox:Git函数扩展
Git的很多功能都得到了增强，比如自动取代码，状态栏显示当前Git分支的未提交和后向提交数，分支通过后清除，提交窗口支持emoji表情，内联责备可以看到每行代码是谁提交的，什么时候提交的，提交信息等等。如果经常使用Git，就必须安装这个插件。
高亮括号对:高亮括号
有的老板会推荐彩虹支架，彩虹支架的插件。我也下载过，但是括号太多的时候就分不清五颜六色的了。
后来发现 HighlightBracketPair 插件，这个插件会在当前括号上高亮之外，还会在左侧代码行数那显示括号范围，比彩虹括号插件更加直观而且不容易看花眼。
后来我发现了HighlightBracketPair插件。这个插件会突出显示当前的括号，还会在代码的左边一行显示括号范围，比彩虹括号插件更直观，不容易读懂。
高亮括号配对
key promoter x/演示助手:快捷键显示很多老板的博客都在推广Key Promoter X，当你点击它的时候可以提示你某个功能的快捷键。通过多次使用，您可以摆脱鼠标，使用快捷键来触发这些功能。
还有一个很棒的插件叫 Presentation Assistant，支持功能的汉化显示，而且还可以将 Mac 和 Win 环境的快捷键都展示出来。
还有一个很棒的插件叫Presentation Assistant，支持中文显示功能，也可以显示Mac和Win两种环境的快捷键。
演示助理
一个黑暗主题/材质主题UI Lite:一个不错的免费主题以前有一个很好用的插件素材主题UI，后来收费了，不过没关系。还有一些免费主题也很好用，比如材质主题UI Lite，Coderpill主题，One Dark主题等等。
材质图标:漂亮的图标
以前有个编辑器叫Atom，现在用的人不多了。它最大的贡献就是主题和图标设计非常漂亮。这个插件是为了在Webstorm的文件夹和文件中引入Atom的图标，让编译器看起来更漂亮。
IntelliVue:Vue功能得到增强
Webstorm支持Vue的优秀插件。现在它支持Vue3的一些语法。您可以快速创建数据、方法等。Vue2的，或Vue3的设置方法等。，帮助您减少模板代码。
安装后菜单栏会多一个Vue选项，下拉框有一些操作功能，对于Vue2项目来说比较好用。
翻译:最好的翻译插件
在Webstorm中可以轻松翻译，省去了打开翻译软件的操作，支持右键选择翻译，也可以打开独立窗口进行整段翻译。
个人认为最方便的功能是翻译和替换功能。Mac上的快捷键command+control+O，Win上的快捷键ctrl+shift+X，在编写业务代码时会自动翻译汉字的业务条目。琴弦可以选择大驼峰或小驼峰。
字符串操作/CamelCase:字符串操作
两个插件都处理字符串，并且可以在kebab-case、SNAKE_CASE、PascalCase、camelCase、snake_case和space case之间切换英语字符串。
第一个 String Manipulation 插件比较大，推荐经常处理字符串的小伙伴用，第二个 CamelCase 插件比较轻量，日常使用完全足够，使用也很简单，快捷键 option/alt +shift + U 就可以进行切换了。Webstorm 自带切换大小写的快捷键是 command/ctrl + shift + U，这两个差不多的快捷键也很好记。
第一个字符串操作插件比较大，推荐给经常和字符串打交道的小伙伴。第二个CamelCase插件比较轻量，完全够日常使用，使用起来也很简单。可以通过快捷键选项/Alt+Shift+U切换，Webstorm自带的切换大小写的快捷键是Command/Ctrl+Shift+U，这两个类似的快捷键也很好记。
茶包
。忽略:忽略版本管理工具的文件插件。.ignore 插件支持创建多种 .ignore 文件比如 .gitignore、.eslintignore、.dockerignore 等等，我们最常用的基本都支持，新建的时候支持选择不同类型的框架或库常用的忽略配置，如 node_modules、dist、.cache 等。
的。忽略插件支持创建各种。忽略文件，如。gitignore，。eslintignore，。dockerignore等。我们最常用的基本都支持。创建新的时候，我们支持选择不同类型框架或库的常用忽略配置，比如node_modules，dist，.缓存等。
右键单击项目文件夹，新建，。忽略文件。
右击一个文件也可以快速添加到被忽略的文件中，这是一个使用Git时必须安装的小插件。
它还支持将文件快速添加到。通过选择右键忽略文件。
导入成本:显示导入包体积的大小。VSCode上还有这个插件，会告诉你这个库的体积，以及你介绍的库后面gzip之后的包体积。
CodeGlance:右边的小代码图
在“代码”面板的右侧显示代码的缩略图，如VSCode中所示。我看到有人在用这个插件，但是我现在不怎么用了。在编辑器中使用分屏的时候，感觉有点格格不入。长文件用也可以，看个人喜好。
。环境文件支持:配置文件支持
您可以将语法突出显示添加到。env环境配置文件和配置文件中定义的变量的智能索引。另外，在使用Webpack进行打包时，我们会有一些环境的变化。安装插件后，我们将提示环境变量文件中的环境变量。
JetBrains工具箱:家庭木桶管理软件
用于集中管理Webstorm、IntelliJ、GoLand等JetBrains家族桶软件，管理常用设置、项目导航，以及软件版本自动更新、插件更新、回滚、降级等功能。如果你已经安装了多个JetBrains系列软件，强烈建议安装。
2.小费的实际设置
2.1关闭不需要的插件。Webstorm安装后自带很多内置插件，一些不需要或者常用的可以关闭，项目打开速度可以进一步提高。
2.2连体字符
现在很多字体都可以设置连体字，比如Fira码或者JetBrains在2021年为编程增加的JetBrains Mono字体。强烈推荐后者。2021及以后的版本都内置在Webstorm中。是专门为编程发布的最新字体，清晰易读，辨识度极高。
设置JetBrains Mono字体后，可以实现以下效果:
如果你喜欢这种风格，在设置编辑器->配色方案->配色方案字体。
2.3设置默认内存
我相信许多人在安装Webstorm时做的第一件事就是更改默认内存，这可以在。vmoptions设置文件或者在帮助->中:更改内存设置，建议设置为4096或者更高。
当前占用的内存可以在软件界面的右下角看到。如果觉得内存设置不够，可以换个大一点的。
2.4设置配置同步可以在文件中下载->:管理IDE设置->:在IDE同步中设置配置同步，Webstorm会将您的配置绑定到您的帐户，这样您的家用电脑就可以使用与公司电脑相同的配置和快捷键。
3.技巧
3.1强大的后缀补全功能经常听人说代码自动补全，但很少听人说Webstorm的后缀补全特别实用。对于一些已经离开鼠标或者希望离开鼠标的高手来说，后缀补全可以让你少按很多次←键。
下面是一个。常数完成:
还有圆括号。完整表达式的par和。return语句的返回方法:
所有后缀都可以在编辑器中完成-->:通用-->:在后缀完成中可以看到，你也可以自定义自己喜欢的完成方式。
3.2正则表达式的快速验证在正则表达式上按option/alt+enter，可以现场快速验证正则表达式。这是一个快捷的函数，在做一些形式验证的正则表达式时非常实用。
4.实用快捷键
4.1全球搜索双击 shift 可以打开随处搜索功能，这里可以搜索设置、代码、文件名、文件夹名、改变主题等等，是 Webstorm 上最强功能之一，相当于 VSC 的 command/ctrl + shift + P
双击shift打开“搜索所有地方”功能，在这里可以搜索设置、代码、文件名、文件夹名、更改主题等。是Webstorm上最强的功能之一，相当于VSC的Command/Ctrl+Shift+P
到处搜索
4.2打开最近的文件Command/ctrl+E可以打开最新的文件，并在其中跳转。文件列表还包括关闭的文件。比如你刚关闭了一个文件，想重新打开，可以用这个快捷键，相当于浏览器中的command+shift+T。
4.3在项目视图中打开文件
在项目视图中打开文件是一个很方便的功能，就是项目文件目录面板上面两个同心圆一样的图标，可以在文件目录中快速打开当前并定位到当前文件：
在项目视图中打开文件是一个非常方便的功能，就是项目文件目录面板上的两个同心图标，可以快速打开并定位文件目录中的当前文件:
在项目视图中打开文件。
默认设置中没有为该功能添加快捷键。建议在键盘上映射->:其他->；将您自己的快捷键添加到项目视图中的选择文件中。我设置选项/alt+1仅供参考:
4.4检查使用情况
使用 option/alt + F7 可以查看当前变量、函数、类的使用、读取、导入的地方，在阅读别人的代码理清逻辑关系的时候非常好用，有了这个功能阅读源码终于不用 command/ctrl + shift + F 一个个找变量了。
Option/alt+F7可用于检查当前变量、函数和类的使用、读取和导入位置。在看别人的代码整理逻辑关系的时候非常好用。有了这个函数，读源代码终于不用command/ctrl+shift+F一个一个找变量了。
查看目的
快速显示用法的快捷键是command/ctrl+option/alt+F7。
4.5其他超级快捷方式command/ctrl + option/alt + O：import 优化，移除没用到的 import
command/ctrl + option/alt + L：重新格式化代码
command/ctrl + option/alt + Z：Git 回滚当前区域的代码
command/ctrl + J：查看预定义代码模板
command/ctrl + shift + up/down：智能移动代码块，如果移动函数，可以将这个函数整体移动到上一个函数上
control/ctrl + shift + J：合并两行
command/ctrl + G：选择下一个相同匹配项
command/ctrl + D：复制当前行
F2：导航到编辑器报错或者报警告的地方
查看官方的所有快捷键可以点击 帮助->键盘快捷键 PDF，或者双击 shift 输入「键盘快捷键」就可以看到官方快捷键参考 PDF，内容非常全，多看看经常可以发现惊喜。
要查看所有官方快捷键，可以点击帮助->键盘快捷键PDF，或者双击shift输入“键盘快捷键”查看官方快捷键参考PDF，非常全面。读多了往往能发现惊喜。
快捷键PDF
网上的帖子大多深度不一，甚至不一致。以下文章是学习过程的总结。如发现错误，请留言指出。如果这篇文章对你有帮助，别忘了喜欢它，支持它。你们的赞是我更新的最大动力~
参考文件:
都2021年了你还在用WebStorm？
小贴士–网络风暴指南
PS:本文收录于以下博客
Github –在SHERlocked93/blog
系列文章中，欢迎大家在这里关注我的微信官方账号
[/S2/]，持续推送与前端及前端外围相关的优质技术文章，一起进步，一起加油~
