Sublime Text3配置使用教程

发布时间:2019-09-25 08:13:59编辑:auto阅读(2333)

    Win平台上已经打造了便携版的Sublime Text3,但是,现在折腾Ubuntu不能同步过来使用了,寒假在家休息,整理一下安装过程好了:

    安装sublime

    sublime text官网选择合适的版本安装。

    ubunbu安装完成之后,可以在/usr/share/applications文件夹中找到sublime text快件方式,启动固定在启动栏即可。(或者可以试试命令sub启动)。

    安装版本打造移动版本

    这次安装,先不要着急打开Sublime Text。为了以后安装方便,决定不再使用系统默认的Packages安装路径
    文件夹%appdata% 或C:UsersAdministratorAppDataRoamingData请先在地址栏输入 %appdata% 然后删除该目录下的Sublime Text 3文件夹。

    在Sublime Text3的安装目录下新建文件夹/Data,该文件夹创建完成后再打开Sublime Text程序,我们发现,Packages被安装在了当前创建的文件夹下(我的路径是D:\Program Files\Sublime Text 2\Data)。稍后把其他必备插件装全了,我们备份一下Sublime Text 2文件夹,这样以后走到哪都可以无须一步步重新安装,快速部署我们的Sublime Text环境。

    Data 文件夹(注意大小写)

    https://segmentfault.com/a/11...

    安装插件

    安装插件管理神器package control

    Ctrl + ~打开控制台,复制下面代码粘贴到控制台,回车,等待安装完成。
    要是安装的sublime text2,可以去package control查找代码。

    import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

    安装其他插件

    接着使用快捷键Ctrl+Shift+P,输入pci,一般第一项就是package control : install package。接着,就安装并且配置一些常用扩展吧:

    • emmet

    前端必备神器。Emmet 文档 前端开发必备!Emmet使用手册

    • sidebarenhancement

    侧边栏增强工具,sublime text 3扩展插件SideBarEnhancements用法教程--使用浏览器快捷预览网页

    • JavaScript Completions

    js语法自动补齐

    • AdvancedNewFile

    快速新建文件,自定义文件格式。设置一下快捷键:ctrl+n就会启动扩展,直接输入文件名+格式,爽歪歪!

    [
        { "keys": ["ctrl+n"],
                "command": "advanced_new_file_new"
            }
    ]
    • Color Highlighter

    前端编辑颜色时,这个插件会显示相应颜色代码的实际颜色。

    • AutoFileName

    自动补全文件(目录)名

    • BracketHighlighter

    高亮显示配对括号以及当前光标所在区域。sublime text3下BracketHighlighter的配置方法

    • Docblokr

    代码注释,直接或者选中需要注释的代码,快捷键 ctrl+/。这个插件可以很好的生成js ,php 等语言函数注释,只需要在函数上面输入/** ,然后按tab 就会自动生成注释,增强js注释。

    • SublimeLinter

    这是用来在写代码时做代码检查的。写Python程序的话,它还会帮你查代码是否符合PEP8的要求。有问题有代码会出现白框,点击时底下的状态栏会提示出什么问题。SublimeLinter 是一个代码校验插件,它可以帮你找出错误或编写不规范的代码,支持 C/C++、CoffeeScript、CSS、Git Commit Messages、Haml、HTML、Java、JavaScript、Lua、Objective-J、Perl、PHP、Puppet、Python、Ruby 和 XML 语言。在使用 SublimeLinter 之前,你要安装相应的程序,详见README。如果要校验 JavaScript 或 CSS,你还要安装 Node.js。SublimeLinter 默认以 background 模式运行,在用户输入的同时即时校验,如果你想要 Sublime Text 运行得更流畅,可以改为 load-save 模式或 save-only 模式,在读取和保存是校验或只在保存时校验。打开 SublimeLinter 的配置文件:菜单 Preferences -> Package Settings -> SublimeLinter -> Settings - User,加入 "sublimelinter": "load-save" 或 "sublimelinter": "save-only"

    Anaconda把PyFlakes, pep8 和 McCabe以插件的方式集成起来。安装Anaconda后,通过配置即可完成一个良好的Python开发环境。
    sublime 编辑py文件出现框框怎么去掉
    可以在可以在 Sublime > Preferences > Package Settings > Anaconda > Settings User 中设置关闭:
    {"anaconda_linting": false}

    Autocompletion
    自动完成,该选项默认开启,同时提供多种配置选项。
    Code linting
    使用支持 pep8 标准的 PyLint 或者 PyFlakes。因为我个人使用的是另外的 linting 工具,所以我会在 Anaconda 的配置文件 Anaconda.sublime-settings中将 linting 完全禁用。**操作如下: Sublime > Preferences > Package Settings > Anaconda > Settings – User: {"anaconda_linting": false}**
    McCabe code complexity checker
    让你可以在特定的文件中使用 McCabe complexity checker. 如果你对软件复杂度检查工具不太熟悉的话,请务必先浏览上边的链接。
    Goto Definitions
    能够在你的整个工程中查找并且显示任意一个变量,函数,或者类的定义。
    Find Usage
    能够快速的查找某个变量,函数或者类在某个特定文件中的什么地方被使用了。
    Show Documentation
    能够显示一个函数或者类的说明性字符串(当然,是在定义了字符串的情况下)
    • ConvertToUTF8

    GBK编码兼容,虽然在ST3中能输入中文并正常显示,但是打开含有中文字符的文件时,ST3会显示乱码。解决中文乱码问题,需要安装ConvertToUTF8插件。OS X或Linux还需要插件Codecs33

    • Terminal

    这是用来在当前文件所在位置打开终端的。参考

    • status bar time

    显示时间

    • themr

    主题包的管理,安装后切换主题不需要一项项配置。使用快捷键ctrl+f5切换theme,然后在Preferences中设置喜欢的color scheme。否则切换编辑区主题后,侧边栏/标签栏的风格并不会改变,需要麻烦的在设置中设置。

    • Sublime​Code​Intel

    支持所有 Komode Editor 支持的代码语言,如: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等。

    • Alignment

    进行智能对齐。但是默认快捷键是ctrl+alt+a,和国内某著名IM的截图快捷键冲突了,我把它改成alt+shift+f

    • AutoPEP8

    格式化Python代码。安装完添加如下配置可自动在保存文件的时候格式化:

    {
        "format_on_save": true,
    }
    • IMESupport

    中文输入法不能跟随光标吗?试试「IMESupport 」这个插件吧!目前只支持 Windows

    • markdownediting和markdownPerview

    装完之后,写作Markdown时(右下角显示语法为Markdown),可以按ctrl+b,直接就会生成HTML,并在浏览器中显示。

    • KeymapManager

    增加检测快捷键冲突的功能, 参考KeymapManager增加检测快捷键冲突的功能

    • Boxy Theme

    安装了之后,可以获取若干主题,搭配A File Icon扩展,文件也会有图标

    配置(Settings)

    sublime Text并没有一个专门的配置界面,与之相反,Sublime Text使用JSON配置文件,可以到这里参考在Preferences->Settings-User现在我的设置如下:

    {
        "bold_folder_labels": true,
        "caret_style": "phase",
        "color_scheme": "Packages/Theme - Flatland/Flatland Dark.tmTheme",
        "draw_white_space": "all",
        "ensure_newline_at_eof_on_save": true,
        "font_face": "microsoft yahei",
        "font_size": 12,
        "highlight_line": true,
        "highlight_modified_tabs": true,
        "ignored_packages":
        [
            "Vintage"
        ],
        "open_files_in_new_window": false,
        "rulers":
        [
            80,
            100
        ],
        "save_on_focus_lost": true,
        "show_encoding": true,
        "show_full_path": true,
        "spell_check": false,
        "tab_size": 4,
        "theme": "Material-Theme-Darker.sublime-theme",
        "translate_tabs_to_spaces": true,
        "trim_trailing_white_space_on_save": true,
        "word_wrap": false
    }
    

    设置快捷键

    preferences->key bindings-user

    [
    
        //chrome
        { "keys": ["f1"], "command": "side_bar_files_open_with",
                "args": {
                    "paths": [],
                    "application": "C:\\Program Files\\Google\\Chrome\\Application\\chrome.exe",
                    "extensions":".*"
                }
         },
        { "keys": ["ctrl+n"],
                "command": "advanced_new_file_new"
            }
    ]

    常用快捷键

    Alt + shift + 1 默认1屏
    Alt + shift + 2 左右2屏
    Alt + shift + 8 上下两屏

    Ctrl + /注释单行
    Ctrl + shift + /注释多行

    Ctrl + k + u转换为大写
    Ctrl + k + l转换为小写

    Ctrl + Enter向下插入一行
    Ctrl + shift + Enter向上插入一行
    ctrl+shift+D复制一行到下一行

    Ctrl + shift + [ 段落折叠
    Ctrl + shift + ]段落打开

    Ctrl + D 向下多选
    Crtl + k + B 开启/关闭侧边栏
    Ctrl + R 搜索函数

    Ctrl+L选择行,重复可依次增加选择下一行
    Ctrl+Shift+L选择多行

    Ctrl+G跳转到第几行
    Ctrl+X删除当前行

    Ctrl+F查找内容
    Ctrl+Shift+F查找并替换
    Ctrl+H替换

    F11全屏
    Shift+F11全屏免打扰模式,只编辑当前文件

    Alt+数字切换打开第N个文件
    Ctrl + p

    1.输入文件名,跳转
    2.输入:行号,跳转至指定行号,如:55
    3.#,取当前文件所有标识

    FAQ

    sublime命令窗口无法显示中文

    默认的编译器可以直接按Ctrl+B编译运行Python,并在控制台输出结果.美中不足的是无法输出中文,需要自己手动配置一番。
    在Sublime Text 3 中依次点击菜单Tools->build system->New build system,粘贴下方的代码并保存为Python.sublime-build。重启Sublime即可。

    {  
        "cmd": ["python","-u","$file"],  
        "file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",  
        "selector": "source.python",  
        "encoding": "cp936"  
    }  

    open in browser无效

    最新的sublime text3已经默认有这个功能了,一开始我修改过html的默认打开方式为编辑器,所以,用这个功能时感觉无效,后来修改为chrome默认打开,再使用这个功能就OK了
    https://forum.freecodecamp.or...

    参考

    参考文章也是精华啊!!!

关键字