精美的text3入门教程

转载需要作者的同意,谢谢。

1.简介

所谓的工人要想做好自己的工作,就必须首先对其工具进行修磨。对于优秀的程序员来说,在编码过程中合理有效地使用工具是一项必不可少的技能。在众多工具中,Sublime Text无疑是一款功能强大的工具,具有精美的界面,强大的功能和性能。令人惊讶的是,应该注意它不是一个IDE,而是一个简单的文本编辑工具,但是它的代码突出显示,语法提示,自动完成和快速响应以及各种丰富的插件支持,使文本的编辑过程非常繁琐。标准化,快速,高效。

2.优点3.安装

直接转到官方网站下载正式版本。尽量不要在互联网上下载中文版本。将会发生各种奇怪的问题。在下一个安装时,下一个安装之后,请注意在安装过程中检查“添加到资源管理器”上下文菜单,如图所示,以便可以用Sublime Text直接打开所选文件的右键。

安装

Sublime是一款付费软件,但从官方网站下载的Sublime在安装后即可正常使用,无需购买。购买的好处是您在使用期间不会弹出供您购买的提示框(实际上,弹出频率非常低,不会影响正常使用)。如果有钱,就随便买。

4.接口说明

这里写图片描述

简要介绍每个部分的功能(图中的数字与下面的介绍相对应):

1.标题栏:显示当前打开的文件的路径

2.菜单栏:提供对软件功能,各种命令和设置的访问,并且通常在其中标记快捷方式。记住常用的功能快捷键对于编写代码非常有帮助。

3.标签控制栏:显示所有打开的文件。

4.编辑区域:文本编辑区域,sublime提供了非常人性化的编辑功能。

5.状态栏:显示当前正在进行的操作的状态,例如在编写代码时提示光标在行上以及文件的写入格式。

6.侧边栏:包含当前打开的文件和文件夹的视图。

7.MiniMap:移动缩略图即可快速移动。

5.通用插件

对于大多数程序员而言,崇高的最难解的方面是它提供了丰富的插件来协助开发。如何找到并管理插件? Sublime是通过插件管理器Package Control浏览,安装和卸载插件的。下面介绍了如何安装插件以及一些对开发非常有帮助的插件。

安装程序包控制

首先使用快捷键Ctrl +`(“视图”→“显示控制台”菜单)打开Sublime的控制台,如图所示:

安装package control

然后转到网站,将下面红色框中的代码复制到上面的输入框中

安装package control代码

按Enter键,您可以在Perferences→软件包设置中看到软件包控制,这表示安装成功。完成上述操作后,每次安装插件时,请先使用Ctrl + Shift + P(工具→命令面板...)打开控制面板,然后输入PackageControl进行显示,如图所示:

这里写图片描述

选择程序包控制:安装程序包,然后按Enter。安装成功后,如图所示,在输入框中输入插件名称,然后选择插件进行安装。

package control的使用

如果无法安装软件包控件,则可以手动安装。

寻找插件

您可以输入以查看最新的插件和一些流行的插件。

插件寻找页面

您还可以在“搜索”页面上根据英文关键字找到所需的插件。这是一些常用的插件。

Emmet

对于前端开发必不可少,编写更少,显示更多,使用Tab触发。安装Emmet后,您可以输入少量代码并按Tab键,系统将自动完成代码。

Emmet插件的快捷键手册可以查看Emmet文档

快速列出要引用的文件夹中所有文件的名称,例如,如果要引用test / img / 1. png。只需输入/ img,该插件将自动提示/ img下的所有文件名,如图所示

AutoFileName

突出显示[],(),{},“”,“,”符号,以查看开始和结束标签。如图所示:

BracketHighlighter

调色板,当您需要输入颜色时,可以直接选择颜色。使用快捷键ctrl + shift + c打开调色板。应该注意的是,由于快捷键被占用,因此该快捷键可能无法打开调色板。最直接的解决方案是直接在“ Preferences”→“ Key Bindings-User”中进行配置-用户:“ {” keys“:[” Ctrl + shift + c“],” command“:” color_pick“},”

ColorPicker

JsForma可以自动帮助您格式化JavaScript代码以形成通用格式,例如整理压缩,空格和换行的js代码,从而使js代码结构清晰易懂。在压缩的JS文件中,右键单击并选择jsFormat或使用默认的快捷键(Ctrl + Alt + F)。如果热键已被占用,则可以在“首选项”→“键绑定-用户”中进行配置:{“ keys”:[“ ctrl + shift + alt + j”],“ command”:“ js_format”,“ context”:[{“键”:“选择器”,“运算符”:“等于”体育外围 ,“运算符”:“ source.js,source .json”}]},

JsFormat

安装插件后,您可以快速生成各种注释格式。当您需要生成注释符号时,输入/ *,/并按Enter为您自动生成它们。如果/恰好是函数定义,则将基于函数的参数生成注释格式。有关详细信息,请参阅DocBlockr文档。

DocBlockr

副工具栏右键单击文件提供的功能很少,但是在实际开发中,该文件通常具有各种处理请求sublime text 3文件夹视图,并且该插件增强了副工具栏右键单击功能,例如,您可以直接右键单击-单击以将文件移动到回收站。在浏览器中浏览,将文件复制到剪贴板等。有关详细信息,请参见边栏文档

在安装插件之前,文件的右键单击选项很少:

这里写图片描述

安装该插件后,文件右键单击选项得到了大大增强:

sidebar

两个常用功能是将文件设置为使用快捷键F12,并重命名F2以打开文件。您需要自己将其添加到Key-Bindings-User

{“ keys”:[“ f12”],“ command”:“ side_bar_open_in_browser”sublime text 3文件夹视图,“ args”:{“ paths”:[],“ type”:“ testing”,“ browser”:“”}} ,

{“ keys”:[“ f2”],“ command”:“ side_bar_rename”},

已定义变量的智能对齐方式,通常与“ =”符号对齐,默认快捷键为Ctrl + Alt + A,但是此热键与QQ屏幕截图的热键冲突,无法使用。您需要自己重置它。通常设置为Ctr + Alt + Shift + A,将以下内容粘贴到Key-Bindings-User中:{“ keys”:[“ ctrl + alt + shift + a”],“ command”:“ alignment”},

Alignment

CssFormat

Tag插件提供了对Tag标签的各种操作,并具有以下功能:根据/自动关闭HTML标签,标签自动缩进(或选择ctrl + alt + f),删除标签及其内容,插入标签(到光标) “ ctrl + shift +”,生成标签),删除标签中的属性,关闭标签,检查标签等。某些功能是自动执行的,某些功能需要手动执行,功能输入菜单栏编辑→

标签。有关详细信息,请参见Tag插件文档。

这里写图片描述

您可以一键检测和删除代码空间,并在保存时自动删除多余的空间,从而使代码更加紧凑和标准化。功能入口:编辑→

尾随空间→

删除,您还可以设置自己的快捷键,我通常将其设置为ctrl + shift + alt + t,然后将以下内容粘贴到Key-Bindings-User中:{“ keys”:[“ ctrl + shift + alt + t“],” Command“:” delete_trailing_spaces“},

Trailing spaces

使用此插件,您可以编辑和保存Sublime Text当前不支持其编码的文件,尤其是中国,日本和日本用户使用的GB2312,GBK,BIG5,EUC-KR,EUC-JP等。韩国。您可以使用File→

将“文件编码”设置为菜单以手动转换文件编码。例如,您可以打开一个UTF-8编码文件,并指定将其另存为GBK,反之亦然。简介ConvertToUTF8。

格式化HTML,CSS,Javascript和Json代码格式。要使用此插件,您需要安装nodejs,并且它必须位于Packages-Setting→

HTML / CSS / JS美化→

在设置的节点路径中设置节点的安装路径。使用过程:工具→

命令面板(或Ctrl + Shift + P),输入并选择htmlprettify以完成整个文档的格式设置。您还可以设置快捷键:Packages-Setting→HTML / CSS / JS Prettify→设置键盘快捷键,因为我的ctrl + shift + h已被占用,所以我将其更改为ctrl + shift + alt + h。

这里写图片描述

用于打开文件的终端。默认终端为CMD。 ctrl + shift + t打开文件所在的文件夹,ctrl + shift + alt + t打开文件所在项目的根文件夹,您可以自己重新配置快捷键。您也可以右键单击此处的打开终端。

这里写图片描述

总结一下前面介绍的插件:

对齐

AutoFileName

BracketHighlighter

ColorPicker

CSS格式

DocBlockr

进城

JsFormat

侧边栏增强功能

标签

尾随空间

ConvertToUTF8

HTML-CSS-JS美化

端子

快捷键由于这些插件而重置:

{“键”:[“ ctrl + alt + shift + a”],“命令”:“ alignment”},

{“键”:[“ ctrl + shift + alt + f”],“命令”:“ show_panel”,“ args”:{“ panel”:“ find_in_files”}},

{“键”:[“ ctrl + alt + u”],“命令”:“ soft_undo”},

{“键”:[“ ctrl + shift + alt + t”]广西快3 ,“命令”:“ delete_trailing_spaces”}}

{“ keys”:[“ f12”],“ command”:“ side_bar_open_in_browser”,“ args”:{“ paths”:[],“ type”:“ testing”亚博lol ,“ browser”:“”}} ,

{“ keys”:[“ alt + f12”],“ command”:“ side_bar_open_in_browser”电竞投注 ,“ args”:{“ paths”:[],“ type”:“ production”,“ browser”:“” }},

{“键”:[“ ctrl + t”],“命令”:“ side_bar_new_file2”},

{“ keys”:[“ f2”],“ command”:“ side_bar_rename”},

{“键”:[“ ctrl + shift + c”],“命令”:“ color_pick”},

{“键”:[“ ctrl + shift + alt + j”],“命令”:“ js_format”,“上下文”:[{“键”:“选择器”,“运算符”:“等于”, “ Operand”:“ source.js,source.json”}]},

根据您使用的库和框架,需要添加许多插件,例如jQuery,angular,node.js,less等。您可以找到要安装很长时间的插件作为Ctr + Shift + p输入关键字。

6.快捷键

除了丰富的插件外,Sub全面的快捷键系统还使开发过程更快。 Key-Bindings-Default文件定义了sub的默认快捷键。如果要重新定义快捷键(通常在安装插件时重新定义),只需在Key-Bindings-User文件中重写快捷键命令即可。

这里写图片描述

因为快捷键太多,所以这里只是更常用的快捷键的列表:

1.操作

Ctrl +`:打开Sublime Text控制台(按Esc退出)

Ctrl + Shift + P:打开命令面板(Esc退出)

Ctrl + K,Ctrl + B:组合键,显示或隐藏侧边栏

Alt:将光标移到菜单栏,↑↓←→移动光标

2.修改

Ctr + Shift + D:复制并粘贴光标所在的行

Alt + .:关闭标签

Ctrl + /:使用//注释当前行。

Ctrl + Shift + /:使用/ ** /进行注释。

Ctrl + Enter:在当前行下方添加新行,然后跳至该行

Ctrl + Shift + Enter:在当前行上方添加一行并跳至该行

Ctrl +←/→:逐字移动

Ctrl + Shift +←/→:逐字选择

Ctrl + Shift +↑/↓:移动当前行(文件将被修改)

Ctrl + KK:从光标删除到行尾

Ctrl + K退格键:从光标删除到行首

Ctrl + Z:撤消

Ctrl + Y:恢复撤消

Ctrl + J:合并行(已选择要合并的多行时)

Ctrl + [:将所选内容向左缩进

Ctrl +]:将所选内容向右缩进

3.选择

Alt + F3:选择关键字后,选择所有相同的单词。可以与Ctrl + D一起使用。

Ctrl + D Ctrl + K Ctrl + U:Ctrl + D选择光标当前所在的单词,并突出显示该单词的所有出现位置。再次按Ctrl + D将选择单词出现的下一个位置。在多项选择过程中,Ctrl + K将跳过当前选择的单词。在多项选择过程中,Ctrl + U将返回

Ctrl + L:选择光标所在的整行

Ctrl + X:删除光标所在的行

Ctrl + J:将当前选定的区域合并为一行

Ctrl + Shift + M:选择当前括号的内容,重复可选括号本身

4.查找

(如果有弹出窗口,请按Esc退出弹出窗口)

Ctr + p:输入@display容器(在CSS或JS中)

Ctrl + F:弹出搜索框

Ctrl + H:弹出替换框进行替换

Ctrl + Shift + H:输入替换内容后,替换当前关键字

Ctrl + Alt + Enter:输入替换内容后,替换所有匹配的关键字。 (注意:请注意,如果此时鼠标焦点位于编辑窗口中,则替换将失败。将鼠标焦点设置在替换框中,然后按Ctrl + Alt + Enter即可)

Ctrl + Shift + F:打开多文件搜索并替换

Alt + C:区分大小写模式

Alt + W:切换整个匹配模式

Alt + R:打开/关闭常规匹配模式

5.跳转

Ctrl + P:列出当前打开的文件(或当前文件夹中的文件),输入文件名,然后按Enter跳至该文件,输入@symbol跳至该符号的位置,然后输入#keyword跳转到关键字的位置,输入:n跳转到文件的第n行

Ctrl + R:列出当前文件中的符号(例如类名和函数名,但不能深入了解变量名),然后输入符号名Enter跳到该位置。

将列出Markdown文件的轮廓

F12:快速跳转到光标当前所在的符号的定义(跳转到定义)。例如,当前光标是一个函数调用,F12将跳转到该函数的定义。

Ctrl + G:输入行号以跳转到指定的行

Ctrl + M:跳到括号的另一半。

6.窗口和标签页

Ctrl + N:在当前窗口中创建一个新标签

Ctrl + Shift + N:创建一个新窗口(此快捷键与Sogou输入法快捷键冲突)

Ctrl + W:关闭选项卡,如果没有选项卡,则关闭窗口

Ctrl + Shift + W:关闭所有打开的文件

Ctrl + Shift + T:恢复刚刚关闭的标签页。

Ctrl +标记:移动标记。

7.屏幕

F11:切换到普通全屏

Shift + F11:切换到全屏显示,不受干扰

Alt + Shift + 2:拆分左右屏幕

Alt + Shift +上下8个分屏

Alt + Shift + 5上下左右分割屏幕(即分为四个屏幕)

Ctrl +数字键:跳转到指定的屏幕

Ctrl + Shift +数字键:将当前屏幕移至指定屏幕

本文只是Sub的简介。看完之后,我只能对sub给予一个大致的了解。如果您想让Sub发挥强大的武器,您仍然需要自己探索和使用它。有些事情是错误的。请大家。建议(尽管我认为没有人会注意)。

个人博客地址

参考资料:

崇高文字完整指南

包装控制官方网站

Sublime Text 3的安装和使用

Sublime Text 3的使用经验

SUBLIME TEXT 3文档

Stack Overflow的Sublime Text频道

12个必须了解的Sublime Text应用技巧和窍门

实用的Sublime插件集合-推荐的Sublime必备插件

Sublime Text简介,全套快捷键和插件建议

老王
下一篇:梦见梳理
地址:深圳市福田区国际电子商务产业园科技楼603-604
电话:0755-83586660、0755-83583158 传真:0755-81780330
邮箱:info@qbt8.com
地址:深圳市福田区国际电子商务产业园科技楼603-604
电话:0755-83174789 传真:0755-83170936
邮箱:info@qbt8.com
地址:天河区棠安路288号天盈建博汇创意园2楼2082
电话:020-82071951、020-82070761 传真:020-82071976
邮箱:info@qbt8.com
地址:重庆南岸区上海城嘉德中心二号1001
电话:023-62625616、023-62625617 传真:023-62625618
邮箱:info@qbt8.com
地址:贵阳市金阳新区国家高新技术开发区国家数字内容产业园5楼A区508
电话:0851-84114330、0851-84114080 传真:0851-84113779
邮箱:info@qbt8.com