sublime Text 开发工具

发布时间:2019-09-26 07:19:58编辑:auto阅读(1957)

    简介描述

    Sublime Text 是一个跨平台的编辑器,同时支持Windows、Linux、Mac OS X等操作系统。,具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。Sublime Text 的主要功能包括 拼写检查,书签,完整的 Python API , Goto 功能,即时项目切换,多选择,多窗口等等。具有以下优点

    • 体积较小,运行速度快

    • 文本功能强大

    • 支持编译功能且可在控制台看到输出

    • 内嵌python解释器支持插件开发以达到可扩展目的

    • Package Control:ST支持的大量插件可通过其进行管理

    常用快捷键

    快捷键组合 功能说明
    Ctrl+Shift+/ ‘/**/’ 注释已选择内容
    Ctrl+/ ‘//’注释
    Shift+Tab 去除缩进
    Ctrl+Shift+P 打开命令面板
    Ctrl+Shift+K 删除整行
    Ctrl+Shift+↑ 与上行互换
    Ctrl+Shift+↓ 与下行互换
    Ctrl+Shift+[ 折叠代码
    Ctrl+Shift+] 展开代码
    F11 全屏模式
    Tab 缩进 自动完成
    Ctrl+G 跳转到指定行
    Ctrl+L 选择整行(按住-继续选择下行)
    Ctrl+D 选择字符串 (按住-继续选择下个相同的字符串)
    Ctrl+U 软撤销
    Ctrl+T 词互换
    Ctrl+Shift+D 复制当前行
    Ctrl+Z 撤销
    Ctrl+Y 恢复撤销
    ctrl+h 查找替换
    ctrl+f 查找
    ctrl+w 关闭当前窗口
    ctrl+ Shift + f 跨文件编辑

    实用扩展功能

    Snippets(代码片段)功能

    在编写代码时,总会遇到反复使用的代码片段。导致了反复复制粘贴影响效率,利用Sublime Text的snippet功能,就能解决这一问题。即把我们常用的代码分别保存起,然后通过插件的形式来反复调用。

    1、创建方法:Tools(工具)- > New Snippet(新代码片段),会看到以下结构

    <snippet>
        <content><![CDATA[ 你需要插入的代码片段${1:name} ]]></content>
        <!-- 可选:快捷键,利用Tab自动补全代码的功能 -->
        <tabTrigger>xyzzy</tabTrigger>
        <!-- 可选:使用范围,不填写代表对所有文件有效。附:source.css和test.html分别对应不同文件。 -->
        <scope>source.python</scope>
        <!-- 可选:在snippet菜单中的显示说明(支持中文)。如果不定义,菜单则显示当前文件的文件名。 -->
        <description>My Fancy Snippet</description>
    </snippet>

    2、参数说明

    参数 说明
    ${1:name} 表示代码插入后,光标所停留的位置,可同时插入多个。其中:name为自定义参数(可选)
    ${2} 表示代码插入后,按Tab键,光标会根据顺序跳转到相应位置(以此类推)

    3、实践案例

    <snippet>
         <content>
         <![CDATA[
                 // +-------------------------------------------
                // | ThinkPHP [ WE CAN DO IT JUST THINK IT ]
               // +---------------------------------------------
              // | Copyright (c) 2006-2012 
             // +--------------------------------------------------
            // | Author: liu21st <liu21st@gmail.com>
           // +----------------------------------------------------
        ]]>
        </content>
         <tabTrigger>tp</tabTrigger>
         <description>ThinkPHP...</description>
         <!--<scope>test.php</scope> -->
    </snippet>

    创建完毕以后,保存在\Packages\User目录下,文件命名为tp,后缀名.sublime-snippet。打开一个html文件,输入cft,再按Tab键,刚才我们所编写的代码段,就插入了进来。

    直接在sublime text 编译执行PHP功能

    打开“tool” ->“Build System” ->“New Build System…”,自动出现一个默认的配置,直接删掉,替换为以下代码, 保存在默认的目录即可。写完一个php文件,保存后只需要 按下 Ctrl + B,就可以进行调试了

    { 
        "cmd": ["php", "$file"],
        "file_regex": "php$", 
        "selector": "source.php",
        "path" : "E:\\phpStudy\\php53"    //PHP环境路径
    }

    自定义代码提示(更新中)

    安装常用插件

    1、安装Package Control

    • 按Ctrl+调出console ,粘贴安装代码(见扩展阅读)到底部命令行并回车,重启Sublime Text 2,如果在Perferences->package settings中看到package control`这一项,则安装成功。

    2、用Package Control安装其他插件

    • 按下Ctrl+Shift+P调出命令面板 输入install 调出 Install Package 选项并回车,然后在列表中选中要安装的插件。

    GBK to UTF8

    将文件编码从GBK转换成UTF8,快捷键Ctrl+Shift+C

    zenCoding

    zenCoding是一种快速的html、css编写方式。默认用tab键. 已经更名为Emmet。

    JS Format

    一个JS代码格式化插件。默认ctrl+alt+f

    Git

    代码版本管理

    ChineseLocalization

    汉化插件,支持无缝切换中文、日语、英文,安装完在 帮助-> language 切换

    DocBlockr (待续挖掘)

    注释模板

    CTags

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

    AndyJS

    js代码提示

    jquery

    jq代码提示

    Sublime Tmpl

    快速生成文件模板, 比较当前文件与选中的代码、剪切板中代码、另一文件、未保存文件之间的差别。可配置为显示差别在外部比较工具,精确到行,使用:右键标签页,出现FileDiffs Menu或者Diff with Tab…选择对应文件比较即可.默认快捷键,如下:

    • 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

    • FileDiffs

    AutoFileName

    快捷输入文件名,自动完成文件名的输入,如图片选取 使用:输入”/”或”../”即可看到相对于本项目文件夹的其他文件

    SubmlimeEnhancements

    增强右键功能,并可以设置浏览器快捷键,安装此插件,点击工具栏的preferences > package setting > side bar > Key Building-User,键入以下代码,设置按Ctrl+Shift+C复制文件路径,按F1~F5分别在firefox,chrome,浏览器预览效果,当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。配置如下:

    [
        //设置按Ctrl+Shift+C复制文件路径
        { "keys": ["ctrl+shift+c"], "command": "copy_path" },
        //firefox
        { "keys": ["f1"], "command": "side_bar_files_open_with",
            "args": {
                "paths": ["http://localhost/"],
                "application":"C:\\R\\MozillaFirefox\\firefox.exe",
                "extensions":".*" //匹配任何文件类型
            }
        },
        //chrome   继续配置多个
    
    ]

    SublimeCodeIntel

    一个全功能的 Sublime Text 代码自动完成引擎,支持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

关键字