42

分享一些超好用插件,打造一个不一样的 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
    快捷键:ctrl+alt+v
    使用说明:sublime以本地服务器方式打开网页
    为了使用插件,你需要建立一个sublime-project文件,点击Project->Edit Project
    粘贴以下代码(这是我的相关配置),并保存到user目录下
{
    "folders":
    [
        {
            "path": "D:\\wamp\\www"
        }
    ],
    "settings":
    {
        "sublime-view-in-browser":
        {
            "baseUrl": "http://localhost"
            "basePath": "D:\\wamp\\www",   //本地虚拟主机根目录
        }
    }
}
  • 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
    OpenUserJS 继 GreasyFork 之后开始创办。它由 Sizzle McTwizzle 创建,同样地,在其储存库中也拥有大量的脚本资源。
  • GreasyFork
    GreasyFork 或许是最受欢迎的后起之秀了。它由 Jason Barnabe 创建,Jason Barnabe 同时也是 Stylish 网站的创办者,在其储存库中有大量的脚本资源。
  • Userscripts.org
    Userscripts.org 一直以来都是用户脚本的常用来源,但现在这个网站已经不再更新了。你可以在这个网址找到历 史资源 http://userscripts-mirror.org

4.2 自用的脚本

五、相关链接


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


guanguans
2.4k 声望89 粉丝

No practice, no gain in one's wit.