前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >sublime Text 开发工具

sublime Text 开发工具

作者头像
py3study
发布2020-01-06 11:58:48
1.6K0
发布2020-01-06 11:58:48
举报
文章被收录于专栏:python3python3

简介描述

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(新代码片段),会看到以下结构

代码语言:javascript
复制
<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、实践案例

代码语言:javascript
复制
<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,就可以进行调试了

代码语言:javascript
复制
{ 
    "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,浏览器预览效果,当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。配置如下:

代码语言:javascript
复制
[
    //设置按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

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-09-26 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 简介描述
  • 常用快捷键
  • 实用扩展功能
    • Snippets(代码片段)功能
      • 直接在sublime text 编译执行PHP功能
        • 自定义代码提示(更新中)
          • GBK to UTF8
          • zenCoding
          • JS Format
          • Git
          • ChineseLocalization
          • DocBlockr (待续挖掘)
          • CTags
          • AndyJS
          • jquery
          • Sublime Tmpl
          • AutoFileName
          • SubmlimeEnhancements
          • SublimeCodeIntel
      • 安装常用插件
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档