1, 安装
2, 快捷键
快捷键:
ctrl+shift+H
ctrl+K, ctrl+B // 显示/隐藏侧边栏
ctrl+shift+上箭头 // 把该行向上移动一行,dev c++中也可以使用,那么这个快捷键,好像可以在各个编辑器中使用,之后有时间体会一下
ctrl+/ // 注释单行
ctrl+shift+/ // 注释多行
ctrl+shift+D //复制当前行到下一行
3, 添加代码段
4, 修改颜色主题
5, 修改编辑字体大小
6, 插件
6.1, HTML-CSS-JS Prettify
格式化代码插件
vue文件格式化
格式化 .vue
文件,需要配置一下
参考链接:
https://www.bilibili.com/video/BV1Ab411r7Vt?p=67
6.2, 文件图标
6.3, open in browser
设置默认浏览器
https://blog.csdn.net/lanseguhui/article/details/80402332
后来又安装的 sidebaren…插件,还是没弄明白怎么解决
然后,在桌面,对 .html 设置了默认打开程序,为 firefox,就可以了,先暂时这样用吧,以后有时间了,再看一下,怎么设置
安装 sidebaren… 这个插件后,新建文件后,可以在底部看到输入文件名一栏
6.4, JsFormat
功能说明:JavaScript代码格式化。
使用方法:在打开的JavaScript文件里点右键,选择JsFormat。
插件地址:
https://github.com/jdc0589/jsformat
6.5, ColorHighlighter
功能说明:显示所选颜色值的颜色,并集成了ColorPicker
插件地址:
https://github.com/Monnoroch/ColorHighlighter
在16进制的颜色值上点右键,选择“Choose color”,会弹性颜色拾色器,在需要的色块上单击。
6.6, Compact Expand CSS Command
功能说明:使CSS属性展开及收缩,格式化CSS代码。
使用方法:按 Ctrl+Alt+[ 收缩CSS代码为一行显示,按 Ctrl+Alt+] 展开CSS代码为多行显示。
插件地址:
https://gist.github.com/vitaLee/2863474 或者:https://github.com/TooBug/CompactExpandCss
快捷键 Ctrl+Alt+[ 收缩CSS代码为效果
快捷键 Ctrl+Alt+] 展开CSS代码为多行显示效果
6.7, SublimeTmpl
功能说明:快速生成文件模板。
使用方法:SublimeTmpl默认的快捷键如下,如果快捷键设置冲突可能无效。
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 文件
插件地址:https://github.com/kairyou/SublimeTmpl
下图为按快捷键 Ctrl+Alt+h 新建的一个 html 文件
相应的模板为tmpl格式的文件,它们保存在C:\Users\ usersName\AppData\Roaming\Sublime Text 3\Packages\SublimeTmpl\templates下
当然你可以根据自己的喜好来更改模板格式。例如把“html.tmpl”改为早期的html标准格式后保存
现在按快捷键 Ctrl+Alt+H,新建一个 html 文件,其格式就和更改后模板格式完全一样了。如下图
新增语言:你还可以增加模板文件夹中没有的文件模板,并做相应的设置来使用这一功能。
具体可以参考它的中文文档:
http://www.fantxi.com/blog/archives/sublime-template-engine-sublimetmpl/
6.8, Alignment
功能说明:使代码格式的自动对齐。
使用方法:快捷键Ctrl+Alt+A,可能与QQ截图冲突,二者中的一个要重置快捷键。
插件地址:
https://github.com/kevinsperrine/sublime_alignment
6.9, AutoFileName
功能说明:自动补全文件(目录)名。
插件地址:https://github.com/BoundInCode/AutoFileName
安装好后就可以来测试如何使用AutoFileName,先以css档案来示范,当输入href=””的同时,Sublime Text就会将现在编辑档案的路径为中心,判断该路径内的所有档案。
a)以这个档案为范本它会去抓取跟abc.html在同一层的档案列表。
像我们这次要link的是在css资料夹内的auto.css,所以我们直接衔接打上css/,就会跑出css资料夹内的档案,整个用法以此类推
b)像是的部分也是一样的方式,没什么困难了,弄懂一下路径就好了。
c)再来看看是css档中要用url,也是用同样方式,只不过因为要连到上一层的images资料夹内的arrow.png,所以就前面打…(上层),依序去选择路径即可。
6.10, DocBlockr
功能说明:快速生成JavaScript (including ES6), PHP, ActionScript, Haxe, CoffeeScript, TypeScript, Java, Groovy, Objective C, C, C++ and Rust语言函数注释。
使用方法:在函数上面输入/** ,然后按 Tab 就会自动生成注释。
插件地址:
https://github.com/spadgos/sublime-jsdocs
在函数上面输入*/** ,然后按*Tab 就会自动生成注释。**
{
"jsdocs_extra_tags":[
"@author beyondkim",
"@date {{datetime}}",
"@version ${1:[version]}"
],
"jsdocs_function_description": false
}
6.11, SublimeCodeIntel
功能说明:智能提示。
插件地址:
https://github.com/SublimeCodeIntel/SublimeCodeIntel
6.12, HTML-CSS-JS Prettify
功能说明:HTML、CSS、JS格式化。
插件地址:
https://github.com/victorporof/Sublime-HTMLPrettify
安装方法:安裝这个套件前必须先安裝node.js,指定 node.exe 的执行档所在位置。进而安装HTML-CSS-JS Prettify。
使用方法一:View -> Show console 或者使用快捷键(Ctrl + `),在命令列的地方輸入:view.run_command(“htmlprettify”),然后按下Enter。
使用方法二:默认快捷键:Ctrl+Shift+H。
你也可以自行设置快捷键,菜单 “Preferences—> Key Bindings – User” 里新增:
完成后保存,以上代码设定执行此插件的快捷键是:Ctrl+Shfit+O,自己设定的话就要测试一下,不要跟其他快捷键冲突。
格式化前:
6.13, SideBarEnhancements
功能说明:侧栏菜单扩充功能。
插件地址:
https://github.com/titoBouzout/SideBarEnhancements/tree/st3
6.14, View In Browser
功能说明:Sublime Text保存后网页自动同步更新。
插件地址:
https://github.com/adampresley/sublime-view-in-browser
使用方法:在打开的文档任一处点右键,选择“View In Browser”,就会用默认的浏览器自动打开该文件。
如果你电脑装有多个浏览器,你想换其它的作为此操作的默认浏览器,你可以按以下方法设置
打开“View In Browser.sublime-settings”,写入以下代码
这样你就把它默认设置为“Chrome”浏览器了,当然你还可以改成“Firefox”、“Safari”等等,前提是你的电脑事先已安装好了这些浏览器。
6.15, LiveReload
功能说明:调试网页实时自动更新。
使用说明:快捷键 Ctr+Alt+V
插件地址:
https://github.com/dz0ny/LiveReload-sublimetext2
同时*Chrome浏览器也要安装*LiveReload 的扩展插件。**
6.16, TortoiseSVN 插件(win下需要安装有TortoiseSVN客户端支持)
功能说明:版本控制工具。
插件地址:
https://github.com/dexbol/sublime-TortoiseSVN
6.17, Theme-Soda
功能说明:最受欢迎的 Sublime Text 主题之一。
插件地址:
https://github.com/buymeasoda/soda-theme
安装完成后,点菜单 Preferences—>Settings - User,根据需要的主题效果,添加如下代码。
Soda 亮色主题请添加:
Soda 暗色主题请添加:
要达到图中的效果,你还需要下载与之搭配的 color scheme。下载地址:http://buymeasoda.github.com/soda-theme/extras/colour-schemes.zip,如果你喜欢 Soda Dark 和 Monokai,我建议你使用 Monokai Extended。这个 color scheme 是 Monokai Soda 的增强,再配合 Markdown Extended ,将大大改善 Markdown 的语法高亮。
如果加代码 “soda_classic_tabs”:true,文件标签页形状会如下显示
如果不添加此行代码,文件标签页形状会如下显示
6.18, Theme-Flatland
功能说明:最受欢迎的 Sublime Text 主题之一。
插件地址:
https://github.com/thinkpixellab/flatland
6.19, Theme-Nexus
功能说明:最受欢迎的 Sublime Text 主题之一。
插件地址:
https://github.com/EleazarCrusader/nexus-theme
6.20, 插件列表
快捷键 Ctrl+Shift+P,在对话框中输入“list”,选择“Package Control:List Packages”。
会列出所有已安装的插件。这样可以很方便地了解自己已经安装了哪些插件。
6.21, 移除插件
有时候我们需要移除自己不想要的插件,具体操作如下:快捷键 Ctrl+Shift+P,在对话框中输入“remove”,选择“Package Control: Remove Packages”。
然后在出现的插件列表中点选你要移除的插件。
7, 快捷键列表
快捷键按类型分列如下:
7.1, 通用
↑↓← → 上下左右移动光标
Alt 调出菜单
Ctrl + Shift + P 调出命令板(Command Palette)
Ctrl + ` 调出控制台
7.2, 编辑
Ctrl + Enter 在当前行下面新增一行然后跳至该行
Ctrl + Shift + Enter 在当前行上面增加一行并跳至该行
Ctrl + ←/→ 进行逐词移动
Ctrl + Shift + ←/→ 进行逐词选择
Ctrl + ↑/↓ 移动当前显示区域
Ctrl + Shift + ↑/↓ 移动当前行
7.3, 选择
Ctrl + D 选择当前光标所在的词并高亮该词所有出现的位置,再次 Ctrl + D 选择该词出现的下一个位置,在多重选词的过程中,使用 Ctrl + K 进行跳过,使用 Ctrl + U 进行回退,使用 Esc 退出多重编辑
Ctrl + Shift + L 将当前选中区域打散
Ctrl + J 把当前选中区域合并为一行
Ctrl + M 在起始括号和结尾括号间切换
Ctrl + Shift + M 快速选择括号间的内容
Ctrl + Shift + J 快速选择同缩进的内容
Ctrl + Shift + Space 快速选择当前作用域(Scope)的内容
7.4, 查找&替换
F3 跳至当前关键字下一个位置
Shift + F3 跳到当前关键字上一个位置
Alt + F3 选中当前关键字出现的所有位置
Ctrl + F/H 进行标准查找/替换,之后:
Alt + C 切换大小写敏感(Case-sensitive)模式
Alt + W 切换整字匹配(Whole matching)模式
Alt + R 切换正则匹配(Regex matching)模式
Ctrl + Shift + H 替换当前关键字
Ctrl + Alt + Enter 替换所有关键字匹配
Ctrl + Shift + F 多文件搜索&替换
7.5, 跳转
Ctrl + P 跳转到指定文件,输入文件名后可以:
@ 符号跳转 输入@symbol跳转到symbol符号所在的位置
-
# 关键字跳转 输入#keyword跳转到keyword所在的位置
- 行号跳转 输入:12跳转到文件的第12行。
Ctrl + R 跳转到指定符号
Ctrl + G 跳转到指定行号
7.6, 窗口
Ctrl + Shift + N 创建一个新窗口
Ctrl + N 在当前窗口创建一个新标签
Ctrl + W 关闭当前标签,当窗口内没有标签时会关闭该窗口
Ctrl + Shift + T 恢复刚刚关闭的标签
7.7, 屏幕
F11 切换至普通全屏
Shift + F11 切换至无干扰全屏
Alt+Shift+1 Single 切换至独屏
Alt+Shift+2 Columns:2 切换至纵向二栏分屏
Alt+Shift+3 Columns:3 切换至纵向三栏分屏
Alt+Shift+4 Columns:4 切换至纵向四栏分屏
Alt+Shift+8 Rows:2 切换至横向二栏分屏
Alt+Shift+9 Rows:3 切换至横向三栏分屏
Alt+Shift+5 Grid 切换至四格式分屏
8, 其他设置
8.1, 在 cmd 窗口,输入 subl 打开
添加环境变量
8.2, 配置打开方式
参考链接
https://www.yuque.com/lipengzhou/dev/pngo9f
https://www.sublimetext.com/docs/3/osx_command_line.html
8.2.1, 添加到右键菜单打开(Windows)
Sublime 默认并没有提供通过右键菜单选择打开文件|目录的快捷方式,网上有很多民间方案,大多数都是通过修改注册表来实现的,下面给出一种本人亲测并使用的一种方案。
在 Sublime 的安装目录下新建文件 添加右键菜单.inf
并写入以下内容:
[Version]
Signature="$Windows NT$"
[DefaultInstall]
AddReg=SublimeText3
[SublimeText3]
hkcr,"*\\shell\\SublimeText3",,,"Open with Sublime"
hkcr,"*\\shell\\SublimeText3\\command",,,"""%1%\sublime_text.exe"" ""%%1"" %%*"
hkcr,"Directory\shell\SublimeText3",,,"Open with Sublime"
hkcr,"*\\shell\\SublimeText3","Icon",0x20000,"%1%\sublime_text.exe, 0"
hkcr,"Directory\shell\SublimeText3\command",,,"""%1%\sublime_text.exe"" ""-a"" ""%%1"""
hkcr,"Directory\shell\SublimeText3","Icon",0x20000,"%1%\sublime_text.exe, 0"
内容填写完毕,不要忘了保存该文件
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Fz1yw5P7-1624460512188)(Sublime.assets\1605254848863-81a800e2-4c59-43cd-ac2e-a1bf39f87f7f.png)]
然后在
添加右键菜单.inf
文件上右键选择:安装。
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-w9EBSpas-1624460512191)(Sublime.assets\1605254887853-b5d2507c-1c32-4584-b640-ba54111d2510.png)]
操作完毕,可以看到在文件或是目录上右键菜单中多出了
Open with Sublime
选项。
8.2.2, 命令行方式
开发过程中经常使用命令行与文件系统进行交互,那么在命令行中直接访问并打开 Sublime 自然更加方便。
Sublime 提供了一个可执行命令:subl
,主要用于在命令行中交互使用,例如在命令行使用命令快速让 Sublime 打开某个文件或目录。
但是该命令默认是不可用的,需要单独配置才能启用,下面是分别针对 Windows 和 macOS 的命令行配置单独说明。
8.2.2.1, Windows
找到 Sublime 的安装目录,例如我这里是 D:\Applications\Sublime Text
,将该路径添加到 PATH
环境变量即可。
注意:如果是在配置 PATH 环境变量之前打开的命令行记得在配置完毕之后重启命令行才能生效。
8.2.2.2, macOS
在终端中执行以下命令:
ln -s "/Applications/Sublime Text.app/Contents/SharedSupport/bin/subl" /usr/local/bin/subl
8.2.2.3, subl 命令使用帮助
在命令行中输入 subl --help
查看使用帮助:
$ subl --help
Sublime Text build 3211
Usage: subl [arguments] [files] 编辑指定文件
or: subl [arguments] [directories] 打开指定目录
or: subl [arguments] - 编辑标准输入
Arguments:
--project <project>: 加载指定项目
--command <command>: 运行指定命令
-n or --new-window: 打开一个新窗口
-a or --add: 添加目录到当前窗口
-w or --wait: Wait for the files to be closed before returning
-b or --background: 不要激活应用程序
-s or --stay: 关闭文件后保持应用程序激活
-h or --help: 显示帮助信息
-v or --version: 显示版本号
--wait is implied if reading from stdin. Use --stay to not switch back
to the terminal when a file is closed (only relevant if waiting for a file).
Filenames may be given a :line or :line:column suffix to open at a specific
location.
下面是一些常用示例:
# 使用 Sublime 打开当前目录下的 index.js 文件
subl index.js
# 使用 Sublime 以新窗口打开 hello 目录
subl hello
# 使用 Sublime 在当前窗口打开 hello 目录
subl -a hello
8.2.3, 编辑器
要将Sublime Text用作许多提示输入命令的编辑器,请设置 EDITOR
环境变量:
export EDITOR='subl -w'
指定 -w
将导致 subl
命令在文件关闭之前不退出。
8.3, 窗口操作
8.3.1, 分屏
Sublime Text有多种分屏形式,让我来具体地看一看。菜单 “View-àLayout”就可以选择你的分屏样式。
对应的快捷键与分屏情况如下:
Alt+Shift+1 Single 独屏
Alt+Shift+2 Columns:2 纵向二栏分屏
Alt+Shift+3 Columns:3 纵向三栏分屏
Alt+Shift+4 Columns:4 纵向四栏分屏
Alt+Shift+8 Rows:2 横向二栏分屏
Alt+Shift+9 Rows:3 横向三栏分屏
Alt+Shift+5 Grid 四格式分屏
8.3.2, 创建新窗
快捷键Ctrl+Shift+N 创建一个新窗口。
9, 其他问题
打开C和C++文件,注释乱码解决