当前位置：首页 > news >正文

IDE相关设置和插件

news 2025/7/2 2:31:43

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 会将你的配置与你的账户绑定，这样你家里的电脑就可以和公司的电脑使用相同的配置和快捷键。