2021年你还在使用WebStorm吗？ VSCode 不是很棒吗？

1. 中文语言包 ：懂编程的同学应该默认选择英文，但是安装后你一看就知道我发现了很多以前用英文“看不到”的东西。我记得强迫自己在整个苹果网站上使用英语。我来月经一个月了，然后我就受不了了。尽管我明白了，但在我的脑海中翻译代理仍然需要时间。事后看来，何必那么麻烦呢？不过读英文或者中文不需要反应的同学可以忽略它（其实有一天你学会了这个功能就可以禁用中文了）。 ？这是非常德古拉风格的，我真的很喜欢它。
2. 关键促进者
3. .ignore：自动告诉您哪些文件可以忽略，这样您就不必一一搜索新的项目场景。
4. WakaTime：需要进行一些设置才能安装所有编写代码的点。使用这个插件，您可以轻松计算您编写代码的时间。查看官方网站了解更多详情。

对于扩展，不建议安装太多扩展，只要足够使用即可。太冷会影响性能。还建议禁用一堆你不能使用的插件。

2。编辑文字大小

常见的编辑地方主要有三个，不过也可以根据个人喜好来设置（截图说明）：

• 首先是布局字体，默认有点小，推荐 .ApplesystemUIFont 16;
• 另一个是编辑器的字体，推荐JetBrains Meno20，行高1.16，不要加入；
• 第三个是控制台字体，推荐JetBrains Men o ？删除可能不使用的批次以减少内存使用。我已经删除了其中许多。其中“Code With Me”如果不使用可以关闭。您可以在“帮助->诊断工具->分析扩展内存”下看到更多优化。状态，选择性参考如下：

  

  4。将默认内存设置得更大

  

  1. 当前保留的内存显示在底部栏中。如果没有，您可以右键单击底部栏并选择打开或关闭一些未使用的空间。展示
  2. 在顶部菜单栏 (2) 中查找“帮助 -> 更改内存设置”。如果M1很强大的话，那也没关系。对于其他版本，只需升级到 4096 (3)。

  5。记住并设置常用的键盘快捷键

  建议从这里开始，打开一个有Git发布记录的本地前端项目来测试和熟悉。建议在“设置->键盘映射”中更改，选择“在触摸栏上显示 F1、F2 等键”。因为在一般的软件中，为了最大化主编辑区域，操作功能都被埋在了菜单里面。 因此，您无需等待就无法看到并使用它。记住键盘快捷键可以让你不假思索地比普通用户多使用它们 50 倍。趋势函数的百分比。

  1. 一些常用的热键，建议多用，最后记住：

     ## 查找替换操作
     shift 按两次             // 随处搜索，搜索文件、功能、代码很方便
     command + f              // 当前页搜索
     command + shift + f      // 全局搜索字段
     command + r              // 替换当前文档
     command + shift + r      // 全局替换字段
     
     ## 视图展示
     command + 1              // 显示隐藏左侧文件树
     command + 0              // 显示当前待提交代码，用于提交前 diff
     command + 9              // 显示当前历史所有的提交记录
     command + 7              // 显示当前文件的结构，特别是看 Class 时候很方便
     command + 上箭头         // 跳转到导航栏
     command + 点击           // 跳到代码调用位置
     
     ## 代码操作
     command + option + l     // 格式化代码(常用)
     shift + f6               // 使文件、标签、变量名重命名
     f2, shift + f2           // 切换到上\下一个突出错误的位置
     shift + 回车             // 无论在什么位置，自动跳到下一行
     option + 回车            // 警告代码快速给出自动修正
     command + 回车           // 跳到当前调用文件
     command + delete         // 删除当前行，command + x也可以
     command + d              // 复制新增一行一样的代码
     command + w              // 关闭当前文件选项卡
     command + /              // 注释行代码
     command + b              // 跳转到变量声明处
     command + shift + c      // 复制文件的路径
     command + shift + [ ]    // 选项卡快速切换，很有用
     command + shift + u      // 大小写自动转
     command + shift + /      // 注释块代码
     command + shift + +/-    // 展开/折叠 当前选中的代码块
     command + shift + v      // 从剪切板里选择黏贴
     
     ## git 操作
     command + k              // 填写代码提交记录
     command + option + k     // 提交代码
     command + option + z     // 撤销当前代码改动
     command + d              // 选中两个文件进行对比，充当文件夹 diff 工具
     复制代码

  2. 找到“设置中的键盘映射”，运行功能文本“搜索”，设置几个有用的自定义热键。 I 如果您习惯使用 control+shift，左侧垂直方向，您也可以设置自己方便的：
     • 打开最近的：设置为 +r
  或者更好的命令+e，最近的可以快速打开历史开发的项目
• 打开...：设置为❀♸，打开用于打开新项目，更多稍后使用 command+e 快速启动
• 关闭项目 ：设置 ：，关闭❙当前项目的 WebStrom 窗口 端子 ：设置为 control+shift+i，命令行 - 打开窗口，使用术语。这个命令用得很多。 set control+shift+h，history可以显示当前所有文件 提交changelog
• 拉取代码：设置control+shift+p，pullcontrol+shift+p当前分支git代码
• 与分支比较：设置为control +shift+d，diff可以将当前文件/文件夹（选择左侧文件树）与历史分支进行比较，这个很棒在线故障排除工具
• 更改演示模式：设置为命令+选项+控制+v，该视图特别适合代码演示和与他人分享更改请勿打扰模式：设置为command +option+control+m，想默默写代码的时候静音特别好

-ea
-server
-Xms2048m
-Xmx8192m
-Xss16m
-XX:MaxMetaspaceSize=2G
-XX:MetaspaceSize=1G
-XX:ConcGCThreads=8
-XX:ParallelGCThreads=8
-XX:NewRatio=2
-XX:ReservedCodeCacheSize=240m
-XX:+AlwaysPreTouch
-XX:+UseG1GC
-XX:+DoEscapeAnalysis
-XX:+TieredCompilationUseG1GC
-XX:SoftRefLRUPolicyMSPerMB=50
-XX:+UnlockExperimentalVMOptions
-Dsun.io.useCanonPrefixCache=false
-Djava.net.preferIPv4Stack=true
-Dsun.io.useCanonCaches=false
-XX:LargePageSizeInBytes=256m
-XX:+UseCodeCacheFlushing
-XX:+DisableExplicitGC
-XX:+ExplicitGCInvokesConcurrent
-XX:+AggressiveOpts
-XX:+CMSClassUnloadingEnabled
-XX:CMSInitiatingOccupancyFraction=60
-XX:+CMSParallelRemarkEnabled
-XX:+UseAdaptiveGCBoundary
-XX:+UseSplitVerifier
-XX:CompileThreshold=10000
-XX:+OptimizeStringConcat
-XX:+UseStringCache
-XX:+UseFastAccessorMethods
-XX:+UnlockDiagnosticVMOptions
-XX:+HeapDumpOnOutOfMemoryError
-XX:-OmitStackTraceInFastThrow
-Djdk.attach.allowAttachSelf=true
-Dkotlinx.coroutines.debug=off
-Djdk.module.illegalAccess.silent=true
-XX:+UseCompressedOops
-Dfile.encoding=UTF-8
-XX:CICompilerCount=2
-Xverify:none
复制代码

显示当前分支和主干的变化：我觉得这是最有用的地方。也被称为“救生行动”。例如，如果线上出现问题，想要比较线上版本，它可以用于之前版本的所有代码更改，或者也适合合并master之前的最终CR。键盘快捷键是 control+shift+d 或在相应的右键单击整个文件夹并在 git 中搜索“与分支比较”。可以看到如下效果。同时可以按F7查看下一个变化点。
我尝试过Tower、Sourcetree、Sublime Merge、Fork等知名的Git管理工具，发现它们肯定不如那些

2。用于代码重构和优化的非常稳定的神器

1. 重命名文件和变量也有助于修改所有调用：热键是shift+f6。您还可以右键单击文件或变量来查找重构。编辑完成后，所有位置都会自动为您更改。
2. 当文件位置更改时，调用点 中的参考也会自动更改。
3. 删除文件前，会检查通话是否已清除 ：您可以命令+删除文件中的。尝试一下，系统会提示您哪些地方仍在使用。
4. 拼写错误、语法错误和巧妙编写的代码提示您：您可以使用选项+Enter根据建议修复它们。有时拼写错误可能是您自己的单词，您可以将这个单词保存到WebStorm词典中。
5. 您可以将代码片段细化为可用的方法：找到可以细化为方法的代码片段，选择它，然后命令+选项+m摘要。方法并智能地帮助您命名该方法。
6. 可以用Prettier作为默认格式来替换：该功能可以让代码格式与其他同事的VSCode开发场景更加一致，参见设置介绍。
7. 告诉我哪些代码可以优化：尤其是重复代码提示搜索工具非常好，这里偷偷@NASA FR有一个可以优化的代码。

   

3。智能提示真的很强大

1. 显示当前包的详细信息：你可以将鼠标放在相应导入的包上一段时间，就会显示该包的README，这样你就不必阅读如何使用方法：

   

2. 机器学习问代码：当下写代码时WebStorm 2021支持机器学习优化所有编码习惯，代码提示功能有很多概念（VSee code、有时还支持不使用的提示），使用一段时间后就会慢慢注意到。

   

4。时下流行的 Code With Me 功能可以实时追踪别人的代码

1. 记得以前我给同学排代码问题，尤其是当他们不坐在一起的时候，你首先需要让他给代码添加权限，然后克隆代码并剪切它。分支，npm i，然后告诉我哪些代码可能有问题。很多时间都浪费在这里了。
2. 有时可以使用Mac进行远程控制，但这里的体验并不好。很多时候卡住了，掉帧，响应慢，感觉前进困难，更别说调试代码了。
3. 一旦你有了这个Code With Me（如果没有启用，你需要去插件启用它），对方可以直接与你分享URL和对方的代码，包括安装的依赖项。自动同步到您的WebStorm，然后您进行更改时，对方的计算机也随之更改。对于更时尚的版本，您还可以使用几乎原生的即时按键体验通过视频会议讨论问题。您可以通过官方视频了解更多信息。左边是本地的WebStorm，右边是老师的Code With Me，类似于两台电脑协同工作的效果

5。还有很多小惊喜功能

1. 给你一个清晰的node_modules：可能很多使用VSCode的同学都一头雾水。我在我的node_modules中找不到任何东西，但是WebStorm很清楚：
   WebStorm在左边，VSCode在右边（但你可以使用小众插件Node Modules Context Menu Solution）
2. 独特的呈现模式并且焦点模式可以通过自定义热键命令+选项+control+v或“查看->外观->进入展示”找到它（可以去设置->外观->将底部的Showcase字体设置为28），以避免显示时看不清下面代码时的混乱；使用自定义热键command+option+control+v进入请勿打扰模式也可以仔细写下“查看->外观->进入焦点模式”的代码，也很清晰。
   第一次是演示模式，第二次是免打扰模式

作者：飞猪前端团队