`

sublime 插件

阅读更多
转载:   http://lucifr.com/2011/08/31/sublime-text-2-tricks-and-tips/

Package Control        安装包控制, 按下Control + `,输入  https://sublime.wbond.net/installation#st3 中的内容

Rails Latest Migration:  ctrl+shift+p 打开最后一个migration

Babel: 支持es6的js语法,开发react-native的时候用得着

JsFormat               提供JS格式化功能,快捷键 ctrl+alt+F

BracketHighlighter      括号配对插件

clipboard history     粘帖板历史,ctrl+alt+v触发

SCSS            支持scss文件高亮

SublimeLinter            实时检测语法是否有误,支持 JavaScript, css, Coffee,PHP, Ruby, Java 等各种语言,ctrl+alt+e可以手动检测是否错误,如果检测css和js需要安装node.js,然后使用node.js安装sudo npm install -g jshint,sudo npm install -g csslint,sublime中需要安装SublimeLinter-jshint和SublimeLinter-csslint,这两个插件可以理解为SublimeLinter的插件,安装后在SublimeLinter的用户配置文件中配置,然后重启sublime。(如果检测ruby语法可以安装 SublimeLinter-ruby)。可以检测未使用的变量。配置在下方

git                     git插件,直接ctrl+shift+p 来执行命令

ruby on rails snippets:    rails snippets,https://github.com/tadast/sublime-rails-snippets

vue snippets:     vue代码提示

Sublime CodeIntel      实时代码提示,不一样的是他可以直接提示函数,但是需要配置。编辑 ~/.codeintel/config,如果是配置ruby提示,那么如下:

{
  "JavaScript": {
    "javascriptExtraPaths": []
   },
   "Ruby": {
     "ruby": "/usr/bin/ruby",
     "rubyExtraPaths": []
    }
}


AlignTab:  自定义对齐,需要自己设置快捷键指定以什么符号对齐,快捷键代码如下

Alignment:   格式化代码,ctrl+alt+a

Keymap Manager:  快捷键管理, ctrl+alt+K

SideBarEnhancements:   丰富侧边栏右键操作

ColorPicker:  取色,ctrl+shift+c

All AutoComplete:  让代码自动完成从所有打开的文件里去匹配,而不是只在当前文件里匹配。

ChangeQuotes:   切换单引号和多引号,快捷键是 Command + Shift + .

BeautifyRuby:    Ruby 语法支持,ctrl+alt+k两次, ctrl+alt+j

FavoriteFiles:   收藏文件功能,保存一些常用的文件,方便快速打开编辑,快捷键是 Command + Shift + , 。

ZenCoding: 快速编写HTML/CSS代码, ctrl+alt+enter,已经不再更新
emmet: 快速编写HTML/CSS代码, ctrl+alt+enter, http://www.gbin1.com/technology/html/20130117-tips-for-emmet/

tag:   Tag自动排布格式插件)

ctags:  快速定位方法,选中方法,安装完后,先执行ctrl+t和ctrl+r才会生效,ctrl+shift+鼠标左键(ctrl+t,ctrl+t),跳转至该方法,再按ctrl+shift+鼠标右键(ctrl+t,ctrl+b)会跳转回来。

go sublime:   go语言自动补全提示,开发go,这个插件非常重要,网址是 https://github.com/DisposaBoy/GoSublime

功能:
1)  代码提示
2)  command+b调用命令(win下是ctrl+b)
3)输入或保存时检测代码格式,需要如下配置:
"gscomplete_enabled": true
"fmt_enabled": true
4)输入两次cmd+.可以调用gosublime的控制面板


基本配置:

{
  "env": {
    "GOPATH": "",
    "GOROOT": "go安装目录"
  }
}

golang build: go官方出的支持sublime的插件,把go的命令集成到了sublime中,老实说我觉得用处不大,我通常都是在终端执行的

GoDebug:  delve的sublime 插件,非常重要,需要安装delve。https://github.com/dishmaev/GoDebug

SublimeLinter-golint: 自动运行golint检查语法风格,https://github.com/SublimeLinter/SublimeLinter-golint

sublime tab转换空格: 打开 首选项-》 设置用户 ,编辑

{
        "translate_tabs_to_spaces": true,
        "tab_size": 2  
}

启用vim:

修改  首选项-配置用户, "ignored_packages": ["vim", "Vintage"]




个人配置:
{
"fade_fold_buttons": true,
"font_face": "monaco",
"font_size": 12,
"highlight_line": true,
        "save_on_focus_lost": true,
"ignored_packages":
[
"vim",
                "Vintage",
"SublimeCodeIntel"
],
"tab_size": 2,
"translate_tabs_to_spaces": true,
"trim_trailing_white_space_on_save": true,
"caret_extra_top": 1,
"caret_extra_bottom": 1,
"caret_extra_width": 1
}


快捷键配置:


[
    { "keys": ["ctrl+e"], "command": "move_to", "args": {"to": "eol", "extend": false} },
    { "keys": ["super+alt+down"], "command": "goto_definition" },
    {
      "keys": ["control+alt+;"], "command": "align_tab",
      "args" : {
        "user_input" : ":/f"
      }
    },
    {
      "keys": ["control+alt+="], "command": "align_tab",
      "args" : {
        "user_input" : "=/f"
      }
    },
    {
      "keys": ["control+alt+."], "command": "align_tab",
      "args" : {
        "user_input" : "=>/f"
      }
    },
    {"keys": ["alt+shift+f"], "command": "reindent"}
]

sublime ubuntu下快捷键配置:

[
  { "keys": ["shift+alt+up"], "command": "swap_line_up" },
  { "keys": ["shift+alt+down"], "command": "swap_line_down" },
  { "keys": ["shift+alt+d"], "command": "duplicate_line" },
]



SublimeLinter 配置:

{
    "user": {
        "debug": false,
        "delay": 0.25,
        "error_color": "D02000",
        "gutter_theme": "Packages/SublimeLinter/gutter-themes/Default/Default.gutter-theme",
        "gutter_theme_excludes": [],
        "lint_mode": "background",
        "linters": {
            "csslint": {
                "@disable": false,
                "args": [],
                "errors": "",
                "excludes": [],
                "ignore": "",
                "warnings": ""
            },
            "jshint": {
                "@disable": false,
                "args": [],
                "excludes": []
            },
            "ruby": {
                "@disable": false,
                "args": [],
                "excludes": []
            }
        },
        "mark_style": "outline",
        "no_column_highlights_line": false,
        "passive_warnings": false,
        "paths": {
            "linux": [],
            "osx": [],
            "windows": []
        },
        "python_paths": {
            "linux": [],
            "osx": [],
            "windows": []
        },
        "rc_search_limit": 3,
        "shell_timeout": 10,
        "show_errors_on_save": false,
        "show_marks_in_minimap": true,
        "syntax_map": {
            "html (django)": "html",
            "html (rails)": "html",
            "html 5": "html",
            "javascript (babel)": "javascript",
            "magicpython": "python",
            "php": "html",
            "python django": "python",
            "pythonimproved": "python",
            "scss": "css" // 支持scss文件中检测css格式
        },
        "warning_color": "DDB700",
        "wrap_find": true
    }
}




使用技巧:

全局搜索的时候我们需要过滤掉某些文件,例如log,此时可以在全局搜索的where中输入如下的命令,逗号隔开:  -*.js,-*.css,-*.css.erb,-*.json,-*.log,-*.cache


ubuntu下sublime默认字体空格宽度太窄,可以使用字体Inconsolata


ubuntu下sublime支持中文(fcitx输入法):   http://www.jianshu.com/p/bf05fb3a4709
如果最后依然不支持中文,输入命令 sudo find / -name sublime*,找到所有的sublime_text.desktop,依次修改,之前修改的肯定不是现在使用的图标
ubuntu下sublime支持ibus: http://www.mamicode.com/info-detail-1378242.html


autofilename: 路径提示

react: react开发相关插件

react-native-snippets: react native 的代码片段,https://github.com/Shrugs/react-native-snippets

reactSnippets: react代码提示插件

vue syntax hightlight: vue高亮插件

vuejs snippets: vuejs语法提示

Anaconda:   python开发非常重要的插件

rubocop: ruby代码规范插件

rubocopDaemon: ruby代码规范自动检测插件

eslint: 前端代码规范和检测,https://www.jianshu.com/p/b25a8fe4c708

eslint fix: 通过快捷键把vue代码修改为eslint风格。cmd+k,cmd+e

ESLint-Formatter: eslint格式化,command+shift+H快捷键

anaconda配置如下:
配置文件: preferences -> package settings -> anaconda -> settings-user
{
  "python_interpreter": "/Users/zhangcaiyan/.pyenv/versions/3.6.1/bin/python",
  "complete_parameters": false,//自动补全函数时是否匹配必要参数
  "complete_all_parameters": false,//自动补全函数时是否匹配所有参数
  "suppress_word_completions": false,//禁止代码补全
  "suppress_explicit_completions": false,//禁止精确补全
  "auto_formatting": true,//代码格式检查
  "enable_docstrings_tooltip": false,// 显示文档
  "enable_signatures_tooltip": false,//在悬浮窗中显示方法签名
  "anaconda_linting_behaviour": "save-only",
  "display_signatures": false, //显示方法签名
  "anaconda_linting": false
}
分享到:
评论

相关推荐

    sublime插件

    在"sublime插件"这个主题中,我们将主要探讨CSS、JS以及一系列格式相关的插件。 1. **CSS插件**: - **SublimeLinter-csslint**:这是一个用于实时检查CSS语法错误的插件,它集成了CSSLint工具,帮助开发者避免...

    sublime 插件包

    标题中的"sublime 插件包"指的是Sublime Text的插件集合,这些插件可以扩展Sublime Text的原生功能,比如代码高亮、自动完成、文件搜索、版本控制集成等。Package Control就是管理和安装这些插件的工具。 描述中的...

    sublime 插件文件

    sublime 插件

    verilogmod:用于verilog代码规范的简单sublime插件

    学正则表达式的时候想做点儿什么练习一下,然后写了一个python脚本。...用于verilog代码规范的sublime插件,带有源码,可以根据个人需要进行修改。 没有做异常处理,插件可能导致sublime崩掉,关了重启就行。

    anaconda sublime 插件

    "anaconda sublime 插件" 指的是将 Anaconda 这个强大的 Python 开发环境集成到 Sublime Text 这款高效文本编辑器中的插件。Anaconda 不仅是一个 Python 发行版,它还包括了众多科学计算和数据分析的库,如 NumPy、...

    我的sublime插件

    "我的sublime插件"这个压缩包文件很可能是个人用户整理的一系列Sublime Text 2插件集合,用于提高开发效率和工作舒适度。 首先,让我们来了解一下Sublime Text 2的核心特性。它支持多种编程语言,并提供语法高亮...

    sublime插件版自用

    "sublime插件版自用"可能是指用户个人定制的一套包含特定插件的Sublime Text配置,以适应其个性化的开发需求。以下将详细探讨Sublime Text及其相关的前端开发工具和插件。 1. **Sublime Text基础** - **跨平台性**...

    sublime插件环境.zip

    Sublime Text是一款非常受欢迎的文本编辑器,尤其在程序员和开发者群体中,它以其轻量级、...对于压缩包"sublime插件环境.zip",其可能包含了用户推荐的一系列常用插件,安装后将使Sublime Text的功能得到进一步增强。

    sublime插件一键px转rem,一键rem转px

    本篇文章将深入探讨"sublime插件一键px转rem,一键rem转px"这一主题。 首先,`px`到`rem`的转换是前端开发中的常见操作,因为`px`是固定的像素单位,而`rem`允许我们根据屏幕大小动态调整元素的尺寸。在Sublime ...

    sublime插件tag

    如果你还没有安装过任何Sublime Text插件,你需要确保已经安装了Package Control。Package Control是Sublime Text的一个必备扩展,它提供了一个方便的界面来安装、更新和管理各种插件。要安装Package Control,你...

    SublimeText3插件打包下载

    sublime text 3插件包是一款为文本编辑器提供的插件工具包,包含的插件有: AndyJS2、BracketHighlighter、emmet-sublime、flatland、IMESupport、jQuery、JsFormat、Package Control、predawn、PyV8、SideBar...

    Cypher sublime插件

    1. **语法高亮**:Cypher sublime插件为Cypher语句提供了语法高亮,使得代码更易读,更容易识别关键字、函数和变量等元素。 2. **自动完成**:它提供自动补全功能,帮助用户快速输入常见的Cypher操作,如`MATCH`, `...

    Sublime-已安装插件版,开发必备

    描述中提到的"该工具集成了sublime开发使用的插件,无需在从网上找寻插件烦心安装",这意味着这个版本的Sublime Text已经配置好了常用开发插件,可以立即投入工作,大大提高了开发效率。对于新手和忙碌的开发者来说...

    Sublime插件--- C++代码自动格式化

    Sublime Text是一款广受欢迎的文本编辑器,尤其受到程序员们的喜爱,因为它支持多种编程语言,并且拥有丰富的插件生态系统。本篇文章将详细讲解如何利用Sublime Text中的C++代码自动格式化插件,以提高代码的可读性...

    gosublime插件

    **GoSublime插件详解** GoSublime是一款针对Sublime Text编辑器的插件,专为Go语言开发者设计,提供了一系列强大的功能,旨在提升开发效率和代码质量。它集成了语法高亮、代码补全、代码跳转、Gocode支持等特性,是...

    intellij sublime 插件

    intellij idea sublime 样式主题

    微信小程序sublime插件tc-weapp-snippets-master

    微信小程序Sublime插件`tc-weapp-snippets-master`是一个为开发者提供便利的代码片段工具,主要用于提升在Sublime Text编辑器中编写微信小程序代码的效率。Sublime Text是一款广泛使用的代码编辑器,以其高性能、...

    sublime安装svn插件指南.rar_ZQI_sublime _sublime svn php_sublime插件

    总结一下,本指南介绍了如何在Sublime Text中安装和配置SVN插件,包括安装Package Control、通过Package Control安装Sublime SVN插件、配置插件路径,以及如何利用插件进行版本控制操作。希望这个过程能帮助你提升...

    sublime插件SublimeLinter

    SublimeLinter是一款针对Sublime Text编辑器的强大插件,旨在帮助开发者在编写代码时实时检测潜在错误和不符合规范的地方,提升代码质量。通过将各种静态代码分析工具(如JSHint和CSSLint)集成到Sublime Text中,...

Global site tag (gtag.js) - Google Analytics