https://www.jetbrains.com/zh-cn/webstorm/
一、插件
- Chinese (Simplified) Language Pack：中文语言包
- Translation：翻译插件，需要申请国内翻译软件应用，可以搜索translations配置快捷键
- any-rule：正侧插件，可以搜索anyRule配置快捷键
- Json Parser：通过这个插件，你可以直接在IDE中进行格式化
- Codota：快速的编写Nodejs代码。
- CodeGlance：视图右侧自带一个代码缩略图
- Wechat mini program support：支持微信小程序文件格式的支持
- .ignore：版本管理工具的忽略文件插件
- Import Cost：显示引入的包体积大小
- ChatGpt-plus：ai助手
- ChatGpt tools：ai助手
- 免费主题插件
Material Theme UI Lite 深色主题，色彩鲜艳
Dark Purple Theme 深色主题。它为 Darcula 提供了一个更暗的对比界面，并用各种红色和紫色代替了蓝色和橙色。
One Dark Theme 专为编码而设计的深色主题。可以使眼睛更舒适，个人推荐
Visual Studio Code Dark Plus Theme 基于 Visual Studio Code 的默认外观
Monokai Pro Theme 对 Sublime Text 编辑器方案的改进
Vuesion Theme 配色方案基于 Vuesion 项目
Gradianto Theme 深色主题，包含一系列渐变，旨在让眼睛轻松，同时色彩鲜艳。
Hiberbee Theme 清晰、对比鲜明的深色主题。- Key Promoter X：用鼠标操作某些行为的时候右下角弹窗提示你可以用快捷键代替, 点击后可以调到对应的快捷键设置
- IDE Features Trainer：会对IDE中的一些快捷键，以及实用功能进行交互式教学，从而达到抛弃官方手册
- .?env files support：给 .env 环境配置文件增加语法高亮，给配置文件中定义的变量增加智能索引
- Atom Material Icons：图标样式，彩色图标
- GitToolBox：Git提交记录，可以显示当前行提交信息
- Rainbow Brackets：彩虹括号, 括号多层嵌套时显示不同的颜色
- HighlightBracketPair：高亮括号，会在左侧代码行数那显示括号范围，比彩虹括号插件更加直观而且不容易看花眼
- Rainbow Fart：彩虹屁插件, 内置一个萌妹子可以在你写代码的时候夸你
- AceJump：光标快速定位
- IntelliVue Webstorm：对 Vue 支持很棒的插件，现在已经支持 Vue3 的一些语法
- String Manipulation 、CamelCase：字符串处理，可以将英文字符串在 kebab-case、SNAKE_CASE、PascalCase、camelCase、snake_case、space case 形态间切换
- JetBrains Toolbox：全家桶管理软件，来集中管理 Webstorm、IntelliJ、GoLand 等 JetBrains 全家桶软件，管理常用设置、项目导航，以及自动更新、插件更新、回滚和降级软件版本等功能，如果你 JetBrains 系列软件安装了不止一款，那十分推介安装
- NPM Package Json
二、相关设置
- 设置默认内存
相信很多人装上 Webstorm 第一件事就是改默认内存，可以在 .vmoptions 设置文件里手动改，也可以在 help->Chage Memory Settings 中更改，建议设置为 4096 或者更高一点
- 设置配置同步
可以在 File -> Manage IDE Settings -> Settings Sync 中设置配置同步，Webstorm 会将你的配置与你的账户绑定，这样你家里的电脑就可以和公司的电脑使用相同的配置和快捷键。
三、常见问题
- 无法运行yarn、npm命令时
搜索powershell以 管理员的身份运行，然后 输入set-ExecutionPolicy RemoteSigned执行策略 输入 Y，关闭窗口，重新运行命令