琯琯博客 纸上得来终觉浅,绝知此事要躬行。

超好用的谷歌浏览器、Sublime Text、Phpstorm、油猴插件合集

琯琯
2018-03-25

分享一些超好用的谷歌浏览器、Sublime Text、Phpstorm、油猴插件,打造一个不一样的 GitHub、浏览器、编辑器。

一、谷歌浏览器插件

二、Sublime Text 插件

  • Alignment

    使用说明:Alignment是一个代码格式化插件,它可以使多行代码中的等号对齐,也可以调整多行代码为一个缩进级别。

    快捷键:ctrl+shift+alt+a

  • AutoFileName

    使用说明:文件名自动补全,根据路径自动提示该路径下的文件

  • BracketHighlighter

    使用说明:BracketHighlighter插件是用来匹配相对的符号,然后高亮显示,比如{ }、[ ]、” “等符号的对应高亮显

  • ConvertToUTF8

    使用说明:自动转为UTF-8编码类型

  • DeleteBlankLines

    使用说明:选中需要批量删除空行的部分,Ctrl + Alt + Backspace,选中部分的所有空行就都被删除了

    快捷键:ctrl+alt+backspace

  • DocBlockr

    使用说明:生成js ,php 等语言函数注释,只需要在函数上面输入/** ,然后按tab 就会自动生成注释模板

  • Emmet

    使用说明:它让编写 HTML 代码变得简单。

    Emmet用法参见Emmet插件使用方法总结

  • HTML-CSS-JS Prettify

    使用说明:快速格式化html css js

    快捷键:ctrl+shift+h

  • jQuery

    使用说明:会出现jquery提示

  • LESS

    使用说明:支持less语法高亮

  • SCSS

    使用说明:支持SCSS语法高亮

  • SideBarEnhancements

    使用说明:SideBarEnhancements 是一款很实用的右键菜单增强插件,有以 diff 形式显示未保存的修改、在文件管理器中显示该文件、复制文件路径、在侧边栏中定位该文件等功能,也有基础的诸如新建文件/目录,编辑,打开/运行,显示,在选择中/上级目录/项目中查找,剪切,复制,粘贴,重命名,删除,刷新等常见功能。

  • sublime tmpl

    使用说明:按指定快捷键生成模板。

    快捷键:

    ctrl+alt+h 新建html模板文件

    ctrl+alt+j 新建javascript模板文件

    ctrl+alt+c 新建css模板文件

    ctrl+alt+p 新建php模板文件

    ctrl+alt+r 新建ruby模板文件

    ctrl+alt+shift+p 新建python模板文件

  • SublimeCodeInte

    使用说明:Sublime​Code​Intel 是一个代码提示、补全插件,支持 JavaScript、Mason、XBL、XUL、RHTML、SCSS、Python、HTML、Ruby、Python3、XML、Sass、XSLT、Django、HTML5、Perl、CSS、Twig、Less、Smarty、Node.js、Tcl、TemplateToolkit 和 PHP 等语言,是 Sublime Text 自带代码提示功能的很好扩展。

  • SublimeLinter

    使用说明:它可以帮你找出错误或编写不规范的代码 需要安装nodejs,jshint,csslint

  • SublimeLinter-csslint

    使用说明:对错误的css代码在状态栏进行提示,

  • SublimeLinter-jshint

    使用说明:对错误的javascript代码在状态栏进行提示,

  • View In Browser

    使用说明:sublime以本地服务器方式打开网页

    为了使用插件,你需要建立一个sublime-project文件,点击Project->Edit Project 粘贴以下代码(这是我的相关配置),并保存到user目录下

    {
      "folders":
      [
          {
              "path": "D:\\wamp\\www"
          }
      ],
      "settings":
      {
          "sublime-view-in-browser":
          {
              "baseUrl": "http://localhost"
              "basePath": "D:\\wamp\\www",   //本地虚拟主机根目录
          }
      }
    }
    

    快捷键:ctrl+alt+v

  • MarkdownEditing

    使用说明:它支持Markdown语法高亮显示。

  • OmniMarkupPreviewer

    使用说明:用来在浏览器中预览markdown 编辑的效果

    快捷键:ctrl+alt+o

  • Compact​Expand​Css

    使用说明:css横竖向排列切换

    快捷键:

    ctrl+alt[横向排列

    ctrl+alt]竖向排列

  • Codelf

    下载地址:Codelf for Sublime Text

    使用说明:变量命名神器Codelf通过搜索在线开源平台的项目源码帮开发者给变量命名 ,有了它再也不用为了命名而绞尽脑汁了

    快捷键:鼠标右键,选择Codelf

  • CodeFormatter

    使用说明:代码格式化插件,主要用于PHP代码的格式化,要求php5.6及以上

    快捷键:ctrl+alt+s

  • sublime git

  • YUI compress

  • livestyle

  • GBKEncoding support 中文支持

  • Terminal

三、Phpstorm 插件

  • Symfony Plugin - 支持 Symfony 2,3,4 …
  • Laravel Plugin - 支持 Laravel
  • .env files support - 支持.env 文件
  • BashSupport - 支持 Bash
  • EditorConfig - 支持 EditorConfig 标准
  • Handlebars/Mustache - 支持 Handlebars、Mustache
  • Ideolog - 有好的插件 .log 文件
  • Material Theme UI - Material Theme 主题
  • .ignore - 友好的查看 .ignore 文件
  • NodeJS - 集成 Node.js
  • Markdown support - 支持 Markdown
  • IdeaVim - 支持 Vim
  • LiveEdit - 可以实时编辑 HTML/CSS/JavaScript
  • Markdown Navigator - 支持 Markdown
  • PHP composer.json support - 支持 composer.json 文件
  • Php Inspections (EA Extended) - PHP 的静态代码分析工具
  • Nyan Progress Bar - 改变进度条样式
  • Grep Console - Grep 控制台
  • String Manipulation - 有好的操作字符串
  • CodeGlance - 类似于 Sublime 中的代码小地图
  • Styled Components - 利用标记的模板文字和 CSS 的强大功能,样式化组件允许您编写实际的 CSS 代码来设置组件样式

四、油猴脚本

4.1 脚本网站

  • OpenUserJS 继 GreasyFork 之后开始创办。它由 Sizzle McTwizzle 创建,同样地,在其储存库中也拥有大量的脚本资源。

  • GreasyFork 或许是最受欢迎的后起之秀了。它由 Jason Barnabe 创建,Jason Barnabe 同时也是 Stylish 网站的创办者,在其储存库中有大量的脚本资源。

  • Userscripts.org 一直以来都是用户脚本的常用来源,但现在这个网站已经不再更新了。你可以在这个网址找到历 史资源 http://userscripts-mirror.org

4.2 自用的脚本

五、相关链接

(完)

本文为琯琯原创文章,转载无需和我联系,但请注明来自琯琯博客 https://guanguans.cn


评论

内容导航