Sublime Text3配置使用教程整理

时间 2021-02-17

标签 php css html 前端 python git 程序员 github chrome segmentfault 栏目 HTML 繁體版

原文原文链接

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

安装sublime

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

ubunbu安装完成以后，能够在/usr/share/applications文件夹中找到sublime text快件方式，启动固定在启动栏便可。（或者能够试试命令sub启动）。html

安装版本打造移动版本

此次安装，先不要着急打开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 文件夹(注意大小写)python

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

安装插件

安装插件管理神器`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。接着，就安装而且配置一些经常使用扩展吧：github

emmet

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

sidebarenhancement

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

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

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。不然切换编辑区主题后，侧边栏/标签栏的风格并不会改变，须要麻烦的在设置中设置。

SublimeCodeIntel

支持全部 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...

参考

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