文章目錄
  1. 1. Editor
    1. 1.1. Editor Comparison
    2. 1.2. Editor Chosen
  2. 2. Sublime Text 3
    1. 2.1. Install
    2. 2.2. Useful Package
    3. 2.3. Custom Sublime Text 3
    4. 2.4. Useful Shortcut
      1. 2.4.1. Package
      2. 2.4.2. Editing
    5. 2.5. Usefule Commands
    6. 2.6. Usefule Setting
    7. 2.7. User Setting Backup
  3. 3. Reference

Editor

Editor Comparison

先如今有很多优秀的编辑器(有些近乎IDE的水准):

  1. Sublime Text 3
  2. Vim
  3. Emacs
  4. VS Code
  5. Notepade++
    ……

每一种都各有各的优势,作为一个小白用户,连Sublime Text 3和VS Code都算不上使用熟悉,所以这里并不能做详细的比较。

Editor Chosen

How to choose editor?
在选择自己的IDE或则编辑器的时候,我很赞同一句话“没有最厉害最优秀的只有最适合。”
所以哪一种最好最适合取决于我们用它做什么。

What do I need?
作为一个前端程序员,大部分时间是在做手游或者PC端的开发,需要和Android,IOS,PC打交道。
在Windows上主要使用VS,Android Studio作为IDE。
在Mac上使用XCode作为IDE。
主要使用C++,C#,Java,Python,bat,Lua等编程语言。
但VS,Android Studio,XCode都属于比较大型的IDE,这里主要是需要一个轻量级的编辑器。
主要希望有下列功能:

  1. 跨平台(跨Mac和Windows开发)
  2. 语法高亮
  3. 代码补充
  4. 调试(option)
  5. 快速切换,查询,跳转等方便快捷的快捷修改
  6. 快速启动
  7. 方便自定义(比如背景,快捷键设置等)
  8. 扩展性强(方便添加支持更多功能)
    ……

Why choose Sublime Text 3?
这里就不一一说明Sublime Text 3的好处了,几乎上面我需要的都可以很方便的扩展支持,这也就是为什么选择Sublime Text 3的原因。

Sublime Text 3

Sublime Text 3官网

Install

Download Sublime Text 3

Useful Package

  1. Package Control
    Sublime Text 3扩展性强就在于通过安装扩展包,可以得到很多有用的功能支持。
    而帮助快速安装和查找有用的Package,就不得不提Package Control,有了它我们可以快速的搜索和安装想要的Package。
    如何安装Package Control:
    Package Control Installation
    如果不知道有哪些Package,可以在下面官网查询:
    Package Control Package
  2. Terminal
    偶尔会需要打开命令行窗口,这个插件可以帮助我们直接在Sublime里通过快捷键快速打开系统自带命令行
    Terminal
    Note:
    虽然Sublime Text 3也有Git相关的插件,但是考虑已经添加了快速打开命令行的插件,并且Git使用不会太频繁,所以不单独添加Git扩展。
  3. Markdown
    Markdown是我们经常会去编写文档的一类格式,语法高亮,快速浏览效果是效率的关键。

    1. Markdown Edit
      Better syntax understanding and good color schemes.

    2. Markdown Preview
      ctrl+shift+p,然后输入Markdown Preview: Preview in Browser
      我们去Preference -> Key Binding里去改快速生成Markdown HTML的快捷键
      MarkPreviewShortCut
      最后得到我们Markdown的网页版:
      MarkDownPreviewOnBrowser

  4. SublimeCodeIntel
    SublimeCodeIntel 作为一个代码提示和补全插件,支持 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 自带代码提示功能基础上一个更好的扩展,自带代码提示功能只可提示系统代码,而SublimeCodeIntel则可以提示用户自定义代码。
    这里本人主要是为了配置Python
    因为官网提到Default Settings在更新时会被覆盖,如果要修改设置应该写在User里。
    Preferences -> Package Settings -> SublimeCodeIntel -> Setting User
    配置Python如下:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
     /*
    SublimeCodeIntel user settings
    */

    {
    /*
    Defines a configuration for each language.
    */

    "codeintel_language_settings": {
    "Python": {
    // For Windows Python 2.7
    "python": "H:/StudyTools/Phyton2_7/python.exe",
    "pythonExtraPaths":[
    "H:/StudyTools/Phyton2_7",
    "H:/StudyTools/Phyton2_7/DLLs",
    "H:/StudyTools/Phyton2_7/Lib",
    "H:/StudyTools/Phyton2_7/Lib/lib-tk",
    "H:/StudyTools/Phyton2_7/Lib/site-packages",
    ],
    },

    "Python3": {
    "python": "H:/StudyTools/Python3_6/python.exe",
    "pythonExtraPaths": [
    "H:/StudyTools/Python3_6",
    "H:/StudyTools/Python3_6/DLLs",
    "H:/StudyTools/Python3_6/Lib",
    "H:/StudyTools/Python3_6/Lib/tkinter",
    "H:/StudyTools/Python3_6/Lib/site-packages",
    ],
    },
    }
    }

    其中是Python和Python3分别代表Python2.x和Python3.x的安装路径
    如果需要配置其他语言,也写在”codeintel_language_settings”里即可。
    这个由于还没正式开始学习使用Python,但测试无论配没配置上面,系统提示和自定义方法都会有自动提示和补全功能和函数跳转(Alt+click)(不确定是Sublime Text 3自带的还是SublimeCodeIntel的功能,暂时先按上面的方式设置)

  5. SublimeLinter
    SublimeLinter是一个 framework for linters(静态代码检查的框架)。要支持不同的语言需要额外装对应的扩展包。
    主要是为了装Python的静态代码和代码规范检查。
    现在SublimeLinter上Python的Linter有很多,比如pep8,pylint,flake8,bandit等
    作为Python初学者这里暂时不纠结哪一个更好,暂时使用flake作为尝试。
    因为SublimeLinterFlake8会用到flake,所以需要安装flake先:
    打开terminal,输入pip install flake
    python3自带pip
    低于python2.7.9的好像要自己装pip
    pip可以理解成类似于Package Control帮助快速安装Python工具包的工具。
    确认flake8.exe在环境变量中:
    WhereFlake8
    然后通过PackageControl安装SublimeLinterFlake8即可。
    这样一来就有静态代码和代码规范检查了:
    SublimeLinterFlake8
  6. Git
    Git是程序员经常打交道的东西。为了在Sublime Text 3里快速的使用Git提高效率。安装Git插件可以支持我们在Ctrl+Shift+P里直接调用Git命令。
    安装步骤还是通过Package Control这里就不再重述。
    直接看看安装好后的效果:
    GitPlugin
  7. GitGutter
    GitGutter主要是提供了Git提交时在Sublime Text 3里支持高亮显示增删改查等变化。
    老规矩安装(Packgage Control)
    直接看看使用GitGutter提交时的高亮显示变化效果:
    GitGutter

Custom Sublime Text 3

  1. Key Binding
    自定义快捷键。打开Preference -> Key Binding进行快捷键修改(这里以打开修改方法跳转,文件搜索等快捷键跟VS番茄插件一致为例)
    KeyBinding
    Note:
    改快捷键绑定只是让新的快捷键覆盖相同快捷键但并不关闭原始快捷键设置,要想默认快捷键不起作用还得设置相同的快捷键覆盖。

  2. Sublime Text 3 Setting
    字体大小,行号显示,拼写检查等设置。
    修改默认设置跟自定义快捷键差不多。
    比如我们想默认字体大小改大一点:
    Preference -> Settings
    SublimeText3Setting
    我们希望修改只针对MarkDown文件的语法高亮规则:
    打开*.md文件
    Preference -> Settings - Syntax Specific

  3. Theme

  4. Custom Snippets
    自定义快速填充片段。帮助我们在快速编写重复的代码或者注释。
    Tools -> Developer -> New Snippets
    放在:C:\Users\mshz\AppData\Roaming\Sublime Text 3\Packages\User下
    貌似每一个Snippets文件只能编写一个对应的Snippet。
    所以要想管理不同编程语言之间的Snippets,我们可以通过建立不同的文件夹进行管理分类。
    接下来看看Snippet事例和使用效果:

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    <snippet>
    <content><![CDATA[
    # File Name: $TM_FILENAME
    # Description: This file is used to ${1:Staff}
    # Author: ${2:TangHuan}
    # Create Date: ${3:Year}/${4:Month}/${5:Day}
    ]]></content>
    <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
    <tabTrigger>PyFileHeader</tabTrigger>
    <!-- Optional: Set a scope to limit where the snippet will trigger -->
    <scope>source.python</scope>
    </snippet>

<![CDATA[这里的内容是我们自定义快速生成的模板]]>

这里的内容是触发当前Snippet的输入内容

这里的内容是当前Snippet支持的文件类型
看看使用效果:
SublimeText3SnippetsTrigger
SublimeText3SnippetsUsing

Useful Shortcut

Package

  1. Open Package Control - Ctrl + Shift + P
    PackageControl
  2. Open Console - Ctrl + `
    Console
  3. Open CMD Console - Ctrl + Shift + T
    ShowCommands
    Windows上默认是打开的power shell,如果希望打开普通的cmd窗口,可以在Preferences > Package Settings > Terminal > Settings – Default 里指定terminal路径参数等
    TerminalSetting

Editing

  1. Go Anything - Ctrl + P
    平时打开一个工程或则大的文件目录,我们想要快速定位特定文件里的特定内容。
    这时Go Anything能满足需求。
    比如查找FPSDisplay.cs文件里Init()符号:
    FPSDisplay.cs @Init
    查找FPSDisplay.cs文件里的特定文字:
    FPSDisplay.cs #Hello
    跳转特定文件特定行:
    FPSDisplay.cs :1(行号)
  2. Multiple Selections
    当我们需要在文本中找到特定文本并进行修改时,我们可以通过Multiple Selections进行选中我们想要选中的文本然后进行一次修改多行改变,而不用修改多次。
    Ctrl+D:选中当前光标所在位置的单词。连续使用时,进行多光标选择,选中下一个同名单词。
    Ctrl+K:配合Ctrl+D可以跳过下一个同名单词。
    下面是选择替换FPSDisplay.cs中的mTestSublimeGoAnything为例(只替换第一个和第三个匹配的):
    MutilpleSelection

Usefule Commands

  1. sublime.log_commands(True) — 在console窗口显示当前操作的命令(可以针对特定命令修改成我们自己想要的快捷键)
    ShowCommands

Usefule Setting

  1. Split Editing
    View -> Layout -> **
    很多时候我们需要同时查看多个文件,方便对照查看并修改。
    分割出来的窗口在窗口操作上是独立的,但同样的文件在两个窗口是同一份。
    SplitEdit

User Setting Backup

备份Sublime Text 3所有的Package和个性化设置。
我们只需要保存一下目录即可:
C:\Users\user\AppData\Roaming\Sublime Text 3\Packages
当需要同步的时候,把上面的内容覆盖到新的电脑上Sublime Text 3对应的目录即可。

Reference

Sublime Text 3
一个前端程序猿的Sublime Text3的自我修养
Sublime Text 3 Documentation
开发者最常用的 8 款 Sublime text 3 插件
Sublime Text 使用小结

文章目錄
  1. 1. Editor
    1. 1.1. Editor Comparison
    2. 1.2. Editor Chosen
  2. 2. Sublime Text 3
    1. 2.1. Install
    2. 2.2. Useful Package
    3. 2.3. Custom Sublime Text 3
    4. 2.4. Useful Shortcut
      1. 2.4.1. Package
      2. 2.4.2. Editing
    5. 2.5. Usefule Commands
    6. 2.6. Usefule Setting
    7. 2.7. User Setting Backup
  3. 3. Reference