Web WebStorm 之 开发常用插件简单整理

Web WebStorm 之 开发常用插件简单整理

目录

Web WebStorm 之 开发常用插件整理

一、简单介绍

二、常用插件

1、ideaVim

2、.ignore

3、AceJump

4、ESLint

5、CodeGlance

6、AngularJS

7、Markdown

8、activate-power-mode

9、 Material Theme UI

10、Rainbow Brackets

11、Chinese Converter

12、Easy-Translation

附录:WebStorm 效果(仅供参考)


一、简单介绍

Web 开发的一些知识整理,方便后期遇到类似的问题,能够及时查阅使用。

本节介绍,Web 开发中,在 使用 WebStrom 时, WebStrom 中常用的插件或美观或者提高开发效率的插件简单整理,如果有不足之处,欢迎指出,或者你有更好的方法,欢迎留言。

二、常用插件

1、ideaVim

IdeaVim支持许多Vim功能,包括正常/插入/视觉模式,运动键,删除/更改,标记,寄存器,一些Ex命令,Vim regexp,通过~/配置。 ideavimrc,宏,Vim插件等。

Web WebStorm 之 开发常用插件简单整理_第1张图片

2、.ignore

可以支持 .gitignore 的语法规则,并提供了一些自动将文件加入 .gitignore 中的功能。

Web WebStorm 之 开发常用插件简单整理_第2张图片

3、AceJump

AceJump允许您快速导航插入符号到编辑器中可见的任何位置。 看到AceJump的演示行动! 只需按下“ctrl+;”,输入一个字符,然后输入匹配的字符Ace Jump。 

Web WebStorm 之 开发常用插件简单整理_第3张图片

Web WebStorm 之 开发常用插件简单整理_第4张图片

4、ESLint

ESLint intellij集成。 

  • 支持将eslint警告显示为intellij检查 
  • 几个规则的快速修复 
  • 支持自定义eslint规则  
  • 支持eslint配置注释和完成 

Web WebStorm 之 开发常用插件简单整理_第5张图片

5、CodeGlance

在编辑器面板中嵌入一个类似于Sublime的代码小地图。 使用自定义颜色进行语法高亮显示,可与浅色和深色主题一起工作。 

Web WebStorm 之 开发常用插件简单整理_第6张图片

6、AngularJS

  • 在JavaScript或TypeScript文件中为Angular或AngularJS api完成代码  
  • 完成组件、内置和自定义指令以及模板中的方法  
  • 从组件、自定义指令和事件处理程序导航到它们的定义  
  • Angular和AngularJS的代码片段集合  
  • 在IDE Welcome界面中使用Angular CLI或AngularJS的内置模板创建新项目  
  • 使用Angular CLI生成新的应用元素  
  • 对于使用ui-router的AngularJS应用,请参阅状态图 

Web WebStorm 之 开发常用插件简单整理_第7张图片

7、Markdown

提供在IDE中编辑Markdown文件的功能,并在实时预览中查看呈现的HTML。 

Web WebStorm 之 开发常用插件简单整理_第8张图片

8、activate-power-mode

代码编写 粒子+抖动效

Web WebStorm 之 开发常用插件简单整理_第9张图片

Web WebStorm 之 开发常用插件简单整理_第10张图片

 

9、 Material Theme UI

Material Theme UI是JetBrains IDE (IntelliJ IDEA, WebStorm, Android Studio等)的插件,它将原始外观改变为Material Design外观和感觉。 

Web WebStorm 之 开发常用插件简单整理_第11张图片

10、Rainbow Brackets

Web WebStorm 之 开发常用插件简单整理_第12张图片

11、Chinese Converter

Chinese Converter 是一個轉換繁體/簡體中文的Plugin,可以安裝於任何基於Intellij-Based的IDE上,轉換繁體/簡體中文不需開啟任何GUI,只要按下快捷鍵就能即時轉換,非常地快速且方便。

  • 反白選取要轉換的文字區塊.
  • 按下 Ctrl+Alt+1(for Windows)/Cmd+Alt+1(for MacOS) 即能將選中區塊轉換為繁體中文,反之按下 Ctrl+Alt+2(for Windows)/Cmd+Alt+2(for MacOS) 即能將選中區塊轉換為簡體中文。

Web WebStorm 之 开发常用插件简单整理_第13张图片

12、Easy-Translation

一个Intellij平台插件,支持汉英单词(句子)之间的翻译。 

Web WebStorm 之 开发常用插件简单整理_第14张图片

附录:WebStorm 效果(仅供参考)

Web WebStorm 之 开发常用插件简单整理_第15张图片

其中

1、字体设置大小(其他默认)

Web WebStorm 之 开发常用插件简单整理_第16张图片

 

2、自定义安装插件激活使用

Web WebStorm 之 开发常用插件简单整理_第17张图片

 

你可能感兴趣的:(Web,前端,webstorm,javascript,常用插件,主题)