美文网首页营销生活 ● 摄影 ● 技巧Mac黑科技软件、网站
超好用的谷歌浏览器、Sublime Text、Phpstorm、

超好用的谷歌浏览器、Sublime Text、Phpstorm、

作者: guanguans | 来源:发表于2018-03-26 14:11 被阅读4839次

    分享一些超好用插件,打造一个不一样的 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
      OpenUserJS 继 GreasyFork 之后开始创办。它由 Sizzle McTwizzle 创建,同样地,在其储存库中也拥有大量的脚本资源。

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

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


    4.2 自用的脚本

    五、相关链接



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

    相关文章

      网友评论

      本文标题:超好用的谷歌浏览器、Sublime Text、Phpstorm、

      本文链接:https://www.haomeiwen.com/subject/qjwlcftx.html