sublime text3入门教程

article/2024/12/24 21:41:20

作者:sam976
转载需征得作者本人同意,谢谢。

1.介绍

所谓工欲善其事必先利其器,编码过程合理熟练使用工具是优秀程序员必备技能,在诸多工具中,Sublime Text无疑是一款利器,它界面优美、功能强悍、性能令人惊讶,需要注意的是,它并不是IDE,而是一个单纯的文本编辑工具,但其代码高亮显示、语法提示、自动完成且反应快速,还有各种丰富插件的支持,使得文本编辑过程非常规范、快速高效。

2.优点

  • 跨平台,无论是Windows、Mac以及Linux均可使用,无需担心因为换平台而找不到熟悉合适的编辑器。
  • 丰富的插件,各种各样的插件大大扩充了Sublime的功能,使用合适的插件可以使工作效率大大提升。
  • 编辑环境,命令行环境和界面环境互补,操纵体验非常好。

3.安装

直接去官网http://www.sublimetext.com/3下载官方版,尽量不要下载网上的中文版,会出现各种奇怪的问题。安装时next,next之后,注意在安装时勾选 Add to explorer context menu ,如图,这样在选中文件右键可以直接使用Sublime Text打开。

安装

sublime是个收费软件,但官网下载的sublime安装后可以正常使用,无需购买,购买的好处在于你使用过程中不会弹出提示框让你购买(其实弹出频率很低,不影响正常使用)。有钱任性的随便买。

4.界面说明

这里写图片描述

简单介绍每个部分的功能(图中数字对应下面介绍):
1. 标题栏:显示当前打开文件的路径
2. 菜单栏:提供软件的功能入口,各种命令和设置,里面通常会标记出快捷方式,记住常用功能快捷键对写代码非常有帮助。
3. tab控制栏:显示打开的所有文件。
4. 编辑区:文本编辑的区域,sublime提供非常人性化的编辑功能。
5. 状态栏:显示当前正在进行的操作的状态,比如写代码时提示光标在第几行和写得是什么格式的文件等。
6. 边栏:包含当前打开的文件和文件夹视图。
7. MiniMap:移动略缩图可以快速移动。

5.常用插件

对于大多数程序员来说,sublime最让人无法自拔的一点是提供了丰富的插件协助开发。怎么找到插件并进行管理呢?sublime是通过插件管理器Package Control地对插件浏览、安装和卸载插件。下面介绍怎么安装插件和一些对开发非常有帮助的插件。

安装Package Control

首先使用快捷键Ctrl + `(View→Show Console menu) 打开Sublime的控制台,显示如图:

安装package control

然后去https://packagecontrol.io/installation#st3网站把下图红框代码复制到上图输入框中

安装package control代码

按下enter键,在Perferences→package settings中可以看到package control,则表明安装成功。完成前面操作后,每次安装插件时,先使用Ctrl+Shift+P(Tools→Command Palette…)打开控制面板,输入PackageControl显示如图:

这里写图片描述

选择Package Control:Install Package,回车。安装成功后如图所示,在输入框中输入插件名字选择插件回车即可安装插件。

package control的使用

如果不能安装package control,可以使用手动的方式安装。

寻找插件

可以进入https://packagecontrol.io/browse,查看最新插件和一些流行的插件。

插件寻找页面

还可以在Search页面根据英语关键词查找你需要的插件。在这里介绍一些常用的插件。

  • Emmet

Emmet

前端开发必备,Write less , show more,使用Tab键触发。安装Emmet后,可以输入少量代码后摁Tab键,系统自动补全代码。
Emmet插件的快捷键说明书可以查看Emmet Documentation

  • AutoFileName

快速列出你想引用的文件夹里面所有文件的名字,比如想引用test/img/1.png。只需要输入/img,该插件就会自动提示/img下面的所有文件名,如图

AutoFileName

  • BracketHighlighter

高亮显示[], (), {}, “”, ”, 符号,便于查看起始和结束标记。如图:

BracketHighlighter

  • ColorPicker

调色板,需要输入颜色时,可直接选取颜色。使用快捷键ctrl+shift+c即可打开调色板。需要注意的是,这个快捷键可能会打不开调色板,原因是该快捷键被占用了,最直接的解决办法是直接在Preferences→Key Bindings-User中配置:“{ “keys”: [“ctrl+shift+c”], “command”: “color_pick”},”

ColorPicker

  • JsFormat

JsForma可以自动帮助你格式化JavaScript代码,形成一种通用的格式,比如对压缩、空格、换行的js代码进行整理,使得js代码结构清晰,易于观看。在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F),如果该热键被占用了,可以在Preferences→Key Bindings-User中配置: { “keys”: [“ctrl+shift+alt+j”], “command”: “js_format”,”context”: [{“key”: “selector”, “operator”: “equal”, “operand”: “source.js,source.json”}]},

JsFormat

  • DocBlockr

安装该插件后,可以快速生成各种注释格式,当需要生成注释符号时,输入/*、/然后回车系统即帮你自动生成,如果/后面刚好是一个函数的定义,注释格式会根据函数的参数生成。详情查看DocBlockr文档。

DocBlockr

  • Sidebar Enhancements

sub侧栏右键文件提供的功能很少,但在实际开发中,文件通常会有各种处理请求,而该插件增强侧栏文件右键功能,比如可以直接右键将文件移入回收站,在浏览器中浏览,将文件复制到剪切板等。详情查看sidebar文档

安装该插件前,文件右键选项很少:

这里写图片描述

安装插件后,文件右键选项大大增强:

sidebar

我常用的两个功能是设置文件使用浏览器打开的快捷键F12和重命名F2,需要自己往Key-Bindings-User里面添加
{ “keys”: [“f12”], “command”: “side_bar_open_in_browser”,”args”:{“paths”:[], “type”:”testing”, “browser”:”“}},
{ “keys”: [“f2”], “command”: “side_bar_rename”},

  • Alignment

对定义的变量进行智能对齐,一般是“=”号对齐,默认的快捷键是Ctrl+Alt+A,但这个热键和QQ截屏的热键冲突不能使用,需要自己重新设置,我通常设置成Ctr+Alt+Shift+A,以下粘贴到Key-Bindings-User里面:{ “keys”: [“ctrl+alt+shift+a”], “command”: “alignment” },

Alignment

  • CSS Format
    CSS Format可以将任意的 CSS、SASS、SCSS、LESS 代码格式化为展开、紧凑、压缩的形式,选中需要格式化的样式代码,右键选中CSS Format,选择需要形成的格式即可。

CssFormat

  • Tag

Tag插件提供各种对Tag标签的操作,具有功能:根据/自动关闭HTML标签,标签自动缩进(或选中ctrl+alt+f),删除标签和里面的内容,插入标签(对光标字符“ctrl+shift+,”生成标签),删除标签里的属性,关闭标签,检查标签等。有些功能是自动执行,有些功能需要手动执行,功能入口 菜单栏Edit→
Tag。详情查看Tag插件文档。

这里写图片描述

  • Trailing spaces

可以检测和一键删除代码的空格,保存时自动删除多余空格,让你的代码更加紧凑规范。功能入口:Edit→
Trailing Spaces→
Delete,也可以自己设置快捷键,我通常设置成ctrl+shift+alt+t,以下粘贴到Key-Bindings-User里面:{ “keys”: [“ctrl+shift+alt+t”], “command”: “delete_trailing_spaces” },

Trailing spaces

  • ConvertToUTF8

通过本插件,您可以编辑并保存目前编码不被 Sublime Text 支持的文件,特别是中日韩用户使用的 GB2312,GBK,BIG5,EUC-KR,EUC-JP 等。可以通过 File→
Set File Encoding to 菜单对文件编码进行手工转换。例如,您可以打开一个 UTF-8 编码的文件,指定保存为 GBK,反之亦然。ConvertToUTF8介绍。

  • HTML-CSS-JS Prettify

格式化HTML,CSS,Javascript和Json代码格式。使用该插件,需要安装nodejs,而且要在Packages-Setting→
HTML/CSS/JS Prettify→
set node path中设置你node的安装路径。使用过程:Tools→
Command Palette(或者Ctrl+Shift+P),输入选择htmlprettify即可完成整个文档的格式化。也可以设置快捷键:Packages-Setting→HTML/CSS/JS Prettify→set keyboard shortcuts,因为我的ctrl+shift+h已经被占用,所以我改成ctrl+shift+alt+h。

这里写图片描述

  • Terminal

打开文件的终端,终端默认是CMD。ctrl+shift+t 打开文件所在文件夹,ctrl+shift+alt+t 打开文件所在项目的根目录文件夹,可以自己重新配置快捷键。也可以右键open terminal here打开。

这里写图片描述

汇总一下前面介绍的插件:
Alignment
AutoFileName
BracketHighlighter
ColorPicker
CSS Format
DocBlockr
Emmet
JsFormat
Sidebar Enhancements
Tag
Trailing Spaces
ConvertToUTF8
HTML-CSS-JS Prettify
Terminal
以及因为这些插件而重新设置的快捷键:
{ “keys”: [“ctrl+alt+shift+a”], “command”: “alignment” },
{ “keys”: [“ctrl+shift+alt+f”], “command”: “show_panel”, “args”: {“panel”: “find_in_files”} },
{ “keys”: [“ctrl+alt+u”], “command”: “soft_undo” },
{ “keys”: [“ctrl+shift+alt+t”], “command”: “delete_trailing_spaces” },
{ “keys”: [“f12”], “command”: “side_bar_open_in_browser”,”args”:{“paths”:[], “type”:”testing”, “browser”:”“}},
{ “keys”: [“alt+f12”], “command”: “side_bar_open_in_browser”,”args”:{“paths”:[], “type”:”production”, “browser”:”“}},
{ “keys”: [“ctrl+t”], “command”: “side_bar_new_file2”},
{ “keys”: [“f2”], “command”: “side_bar_rename”},
{ “keys”: [“ctrl+shift+c”], “command”: “color_pick”},
{ “keys”: [“ctrl+shift+alt+j”], “command”: “js_format”,”context”: [{“key”: “selector”, “operator”: “equal”, “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 Backspace :从光标处删除至行首
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:输入@显示容器(css或者js里面)
Ctrl + F: 调出搜索框
Ctrl + H: 调出替换框进行替换
Ctrl + Shift + H: 输入替换内容后,替换当前关键字
Ctrl + Alt + Enter: 输入替换内容后,替换所有匹配关键字。(NOTE: 注意此时如果鼠标焦点在编辑窗口中,则替换失败,将鼠标焦点调到替换框中,Ctrl + Alt + Enter才会起作用)
Ctrl + Shift + F: 开启多文件搜索&替换
Alt + C: 切换大小写敏感(Case-sensitive)模式
Alt + W: 切换整字匹配(Whole matching)模式
Alt + R: 切换正则匹配模式的开启/关闭

5.跳转
Ctrl + P:列出当前打开的文件(或者是当前文件夹的文件),输入文件名然后 Enter 跳转至该文件,输入@symbol跳转到symbol符号所在的位置,输入#keyword跳转到keyword所在的位置,输入:n跳转到文件的第n行
Ctrl + R:列出当前文件中的符号(例如类名和函数名,但无法深入到变量名),输入符号名称 Enter 即可以跳转到该处。
会列出Markdown文件的大纲
F12: 快速跳转到当前光标所在符号的定义处(Jump to Definition)。比如当前光标所在为一个函数调用,F12会跳转至该函数的定义处。
Ctrl + G: 输入行号以跳转到指定行
Ctrl+M:跳转到括号另一半。

6.窗口和Tab页
Ctrl + N: 在当前窗口创建一个新标签
Ctrl + Shift + N: 创建一个新窗口(该快捷键 和搜狗输入法快捷键冲突)
Ctrl + W: 关闭标签页,如果没有标签页了,则关闭该窗口
Ctrl+Shift+W:关闭所有打开文件
Ctrl + Shift + T: 恢复刚刚关闭的标签。
Ctrl +Tag:移动标签。

7.屏幕
F11: 切换普通全屏
Shift + F11: 切换无干扰全屏
Alt + Shift + 2: 进行左右分屏
Alt + Shift + 8进行上下分屏
Alt + Shift + 5进行上下左右分屏(即分为四屏)
Ctrl + 数字键: 跳转到指定屏
Ctrl + Shift + 数字键: 将当前屏移动到指定屏

此文只是Sub的入门介绍,看完只能给对sub有个大概了解,想要让Sub发挥利器之锋,还是需要自己多多探索多多使用,有写得不对的地方,请各位多多指教(虽然觉得并不会有人看)。

个人博客地址

参考资料:
Sublime Text 全程指南
Package Control官网
Sublime Text 3安装与使用
Sublime Text 3 使用心得
SUBLIME TEXT 3 Documentation
Stack Overflow的Sublime Text频道
12个不可不知的Sublime Text应用技巧和诀窍
实用的sublime插件集合 – sublime推荐必备插件
Sublime Text 使用介绍、全套快捷键及插件推荐


http://chatgpt.dhexx.cn/article/UBngRGlL.shtml

相关文章

Sublime Text4安装教程

一、下载Sublime Text4 打开Sublime Text官网Download - Sublime Text 选择对应操作系统版本下载,这里我是windows 二、安装 选择安装位置 默认在C盘,这里我安装到了D盘(点Browse选择安装位置) 打勾的表示添加到右键菜单&#…

sublime text3的破解和使用

个人博客:ZJBLOG 之所以想用这个是因为最近在学Python不知道用啥ide好,看同事说这个不错就了解了下,已经有的notepad感觉不太好编程吧,做记事本就行了,atom又感觉太卡了,打开慢的要死,加了一些…

sublime安装和使用教程

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 sublime安装和使用教程点击安装程序 选择是点击这里可以更改安装位置,选择合适的安装位置然后点击next,install,finish完成安装点…

Sublime 使用技巧总结

源地址:http://www.cnblogs.com/yingzi/archive/2012/04/24/2469056.html 对于用惯了editplus的人来说,突然接触到sublime有点无所适从,不过稍微适应一段时间后,发现会渐渐的爱上这个小黑盒子。 那么sublime究竟好在啥地方呢&…

sublime text 3 + python配置,完整搭建及常用插件安装

公众号:战渣渣 四年的时间,一直使用EmEditor编辑器进行Python开发,之前是做面向过程,只需要将一个单独的py文件维护好即可,用着也挺顺手,但是最近在做面向对象的开发,不同的py文件中相互关联较多…

Sublime使用详细总结

Sublime使用详细总结 【导读】 Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图,多重选择,快捷命令等。SublimeText更妙的是它的可扩展性。SublimeText:一款具有代码高亮、语法提示、自动完成且反应快速的编辑器软件&…

Sublime Text教程

文章目录 1 安装2 正确的sublime使用方式3 套件安装3.1 安装Package Control(套件管理)3.2 安装套件3.3 移除套件3.4 常用套件3.5 Package Setting 1 安装 Sublime Text是一款 轻量级 \color{red}{轻量级} 轻量级的网页编辑器,它能够透过安装…

sublime安装与使用

第一步、下载 浏览器中输入sublime官网地址,打开官网,点击下载,打开下载页,选择所需要的版本进行下载即可。 在此处下载的sublime默认已经集成了很多的插件,比如emmet等。 官网地址:www.sublimetextcn.com…

sublime的基本使用方法

Sublime Text 是一个文本编辑器,同时也是一个先进的代码编辑器,它具有漂亮的用户界面和强大的功能,例如代码缩略图,Python的插件,代码段等。还可自定义键绑定,菜单和工具栏。 Sublime Text 的主要功能包括:…

Sublime Text入门使用教程

简介 说到最好用的编辑器,首推Sublime,感觉比notepad胜出无数倍,支持 Windows 及 Mac 等多平台。类似于 Eclipse,IDEA,有着丰富的插件系统,完全可以满足各种编辑、开发需求。 强烈建议安装或者升级到最新…

Sublime基本使用

Sublime介绍安装和使用 1.1 Sublime介绍 Sublime是一款跨平台、收费的文件编辑器,可以用来编写HTML,CSS,JavaScript,PHP等应用程序。 1.2 Sublime特点 跨平台,支持主流操作系统,包括macOS,Linux(Ubuntu),Windows体积小,速度快扩展性强,支…

运筹系列70:pinv/inv/LU/SVD分解

1. LU分解 LU分解(LU Factorization)可以将一个矩阵分解为一个单位下三角矩阵和一个上三角矩阵的乘积。LU分解非常简单,下图可以直观的看出LU分解的求解方法。 LU分解主要应用在数值分析中,用来解线性方程、求反矩阵或计算行列式,起源于高…

【Python之numpy库】3.np.linalg.pinv和np.linalg.inv 求逆矩阵与伪逆矩阵

inv是求矩阵A的逆矩阵,pinv是求矩阵A的伪逆矩阵 import numpy as npa np.array([[1, 0, 0],[0, 6, 0],[0, 0, 9]]) print(\n, np.linalg.inv(a)) # 求逆矩阵 print(\n, np.linalg.pinv(a)) # 求伪逆矩阵,当本身就可逆的时候,二者结果相同…

chatgpt赋能Python-python_pinv

Python pinv介绍:什么是pinv? 在机器学习和数据挖掘中,经常会处理数据矩阵的逆矩阵问题。然而,在实际操作中,我们常常遇到矩阵不可逆的情况。为此,我们需要使用伪逆矩阵(pseudo-inverse matrix…

Numpy中求矩阵的逆与伪逆(numpy.linalg.inv(),numpy.linalg.pinv()函数详解)

numpy中求矩阵的逆与伪逆 numpy中求矩阵的逆:numpy.linalg.inv() numpy中求矩阵的伪逆: numpy.linalg.pinv() numpy中求矩阵的逆(numpy.linalg.inv) 使用命令numpy.linalg.inv(Matrix) 功能 Compute the (multiplicative) inverse of a matrix. Give…

「 C++ 技巧」使用Eigen实现伪逆矩阵(pinV)

一、前言 伪逆矩阵(Moore-Penrose pseudoinverse)A定义为AVDUT,其中&#xff0c;U&#xff0c;D和V是矩阵A奇异值分解后得到的矩阵。对角矩阵D的伪逆D是非零元素取倒数之后再转置得到的。 二、执行代码 #include "funset.hpp" #include <math.h> #include <…

通过FPGA实现矩阵的伪逆pinv计算

1.问题描述: 首先对伪逆pinv进行推导,转换为逆inv的过程 2.部分程序: `timescale 1ns / 1ps // // Company: // Engineer: // // Create Date: 21:16:50 03/15/2019 // Design Name: // Module Name: inv_matrix // Project Name: // Target Devices: // To…

【C++】pinv()函数原型以及matlab中的pinv() —— 8

一、pinv()原型 函数形式&#xff1a;pinv(J, G, P)&#xff1b; 核心算法&#xff1a; 解释&#xff1a;G是正定矩阵&#xff0c;P是矩阵J的伪逆矩阵。当G为恒定常数时&#xff0c;以下等式成立&#xff1a; 函数原型&#xff1a; template<typename DerivedA, typena…

python之numpy之伪逆numpy.linalg.pinv

文章目录 解释及实现笔记伪逆在最简单的线性回归中的应用 解释及实现 记 X X X的伪逆为 p i n v ( X ) pinv(X) pinv(X)&#xff0c;则有 p i n v ( X ) ( X T X ) − 1 X T pinv(X)(X^TX)^{-1}X^T pinv(X)(XTX)−1XT&#xff0c;容易发现 p i n v ( X ) X I pinv(X)XI pin…

【C++】Eigen介绍与使用 —— 4

一、Eigen介绍 Eigen是可以用来进行线性代数、矩阵、向量操作等运算的C库&#xff0c;它里面包含了很多算法。它的License是MPL2。它支持多平台。Eigen采用源码的方式提供给用户使用&#xff0c;在使用时只需要包含Eigen的头文件即可进行使用。之所以采用这种方式&#xff0c;…