Atom Material Icons:好看的图标以前有个编辑器叫 Atom,现在用的人不多了,它最大的贡献就是主题和图标设计的非常好看,这个插件就是将 Atom 的图标引入到 Webstorm 的文件夹、文件上,让编译器看起来更美观 。
IntelliVue:Vue功能增强Webstorm 上对 Vue 支持很棒的插件,现在已经支持 Vue3 的一些语法,可以快速创建 Vue2 的 data、methods 等,或者 Vue3 的 setup method 等,帮你少些一些模板代码 。
安装后菜单栏会多一个 Vue 的选项,下拉框里有一些操作功能,对 Vue2 项目比较好用 。
Translation:最佳翻译插件可以便捷地在 Webstorm 中进行翻译,省去了打开翻译软件的操作,支持右键方式选中翻译,也可以打开独立窗口进行整段的翻译 。
个人感觉最方便的功能就是翻译并替换功能,Mac 上快捷键 commandcontrolO,Win 上为 ctrlshiftX,在写业务代码的时候会自动翻译汉字的业务词条自动翻译,字符串可以选择大驼峰或小驼峰什么的 。
String Manipulation / CamelCase:字符串处理这两个插件都是处理字符串的,可以将英文字符串在 kebab-case、SNAKE_CASE、PascalCase、camelCase、snake_case、space case 形态间切换 。
第一个 String Manipulation 插件比较大,推荐经常处理字符串的小伙伴用,第二个 CamelCase 插件比较轻量,日常使用完全足够,使用也很简单,快捷键 option/altshiftU 就可以进行切换了 。Webstorm 自带切换大小写的快捷键是 command/ctrlshiftU,这两个差不多的快捷键也很好记 。
CamelCase
.ignore:版本管理工具的忽略文件插件.ignore 插件支持创建多种 .ignore 文件比如 .gitignore、.eslintignore、.dockerignore 等等,我们最常用的基本都支持,新建的时候支持选择不同类型的框架或库常用的忽略配置,如 node_modules、dist、.cache 等 。
在项目文件夹上右键、新建、.ignore File
在文件上右键也可以快速添加到忽略文件中,是使用 Git 必装的小插件 。
也支持将文件旋选中右键快速添加到 .gitignore 文件中 。
Import Cost:显示引入的包体积大小VSCode 上也有这个插件,会在你引入的库后面告诉你这个库的体积大小,和 gzip 后的包体积 。
CodeGlance:右侧代码小地图在代码面板的右侧显示一个代码缩略图,像 VSCode 里那样 。我看有人在用这个插件,但在下不怎么用,在编辑器里使用分屏的时候觉得有些碍事,长文件中用着还行,看你个人喜好了 。
.env files support:配置文件支持可以给 .env 环境配置文件增加语法高亮,给配置文件中定义的变量增加智能索引 。另外在使用 Webpack 进行打包的时候,我们会有一些环境变,安装该插件后,就会提示环境变量文件中所拥有的环境变量 。
JetBrains Toolbox:全家桶管理软件用来集中管理 Webstorm、IntelliJ、GoLand 等 JetBrains 全家桶软件,管理常用设置、项目导航,以及自动更新、插件更新、回滚和降级软件版本等功能,如果你 JetBrains 系列软件安装了不止一款,那十分推介安装 。
2. 实用设置 Tips2.1 关闭不需要的插件Webstorm 安装后自带了很多内置插件,有些不需要的或不常用可以将其关闭,项目开启速度可以进一步增加 。
2.2 连体字现在不少字体都可以设置连体字,比如 Fira Code 或者 2021 年 JetBrains 增加的专用于编程的 JetBrains Mono 字体 。强烈推介后者,2021 及以后版本内置于 Webstorm,是最新发布专用于编程的字体,清晰、易读、辨识度高 。
设置使用 JetBrains Mono 字体后,可以达到下面这样的效果:
如果你喜欢这种风格,在设置的 编辑器->配色方案->配色方案字体 中修改 。
2.3 设置默认内存相信很多人装上 Webstorm 第一件事就是改默认内存,可以在 .vmoptions 设置文件里手动改,也可以在 帮助->更改内存设置 中更改,建议设置为 4096 或者更高一点 。
- 腾讯视频电脑版跳过片头片尾的具体操作。
- 腾讯视频电脑版取消vip自动续费的详细操作。
- 如何剪辑多机位拍摄的视频
- 小编分享微视APP将照片制成视频的操作过程。
- 我来教你VUE合并视频的操作步骤。
- 小编教你在完美视频大全中切换播放源的方法介绍。
- 小编分享在完美视频大全中求片的步骤介绍。
- 教你在完美视频大全中下载电影的具体操作步骤。
- 小编教你camtasia studio视频导出单张图片的方法分享。
- 抖音无限流量卡来了,让你随时随地刷视频
