Hefery 的个人网站

Hefery's Personal Website

Contact:hefery@126.com
  menu
73 文章
0 浏览
1 当前访客
ღゝ◡╹)ノ❤️

Sublime使用教程

Sublime

注册码

 Sublime Text3:Help -> Enter License 
 
 ----- BEGIN LICENSE -----
 Member J2TeaM
 Single User License
 EA7E-1011316
 D7DA350E 1B8B0760 972F8B60 F3E64036
 B9B4E234 F356F38F 0AD1E3B7 0E9C5FAD
 FA0A2ABE 25F65BD8 D51458E5 3923CE80
 87428428 79079A01 AA69F319 A1AF29A4
 A684C2DC 0B1583D4 19CBD290 217618CD
 5653E0A0 BACE3948 BB2EE45E 422D2C87
 DD9AF44B 99C49590 D2DBDEE1 75860FD2
 8C8BB2AD B2ECE5A4 EFC08AF2 25A9B864
 ------ END LICENSE ------•

快捷方式

 分屏:Alt+Shift+1(单屏),Alt+Shift+2(左右分屏),Alt+Shift+8(上下分屏)
 切换页面:Ctrl+Tab
 多行游标:Ctrl+D、K
 
 选择:
     相同名称:Alt + F3 选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑
     选择整行:Ctrl + L
     选中多行:Shift + ↑ ↓
     单位选择:Ctrl + Shift + ←  →
     选择括号:Ctrl + Shift + M
     折叠代码:Ctrl + Shift + [、]
     单位移动:Ctrl + ← →
     括号内容:Ctrl + Shift + M
 编辑:
     注释:Ctrl + [Shift] + Q
     多行合并:Ctrl + J
     左右缩进:[Shift] + Tab
     选中合并为一行:Ctrl + J
     自动对齐:Ctrl + F
     代码格式化:Ctrl + Shift + O
 搜索:
     关键字:Ctrl+F
     搜索框:Ctrl+P  1.文件  2.@+关键字,查找文件中函数名  3.:+数字,跳转到文件中该行代码  4.#+关键字,查找变量名
     行:Ctrl+G

修改快捷键

 Preferences --> Setting --> User --> Preferences.sublime-settings
 {
     "default_line_ending": "unix",
     "expand_tabs_on_save": true,
     "font_size": 12,
     "ignored_packages":
     [
         "Vintage"
     ],
     "save_on_focus_lost": true,
     "tab_size": 4,
     "translate_tabs_to_spaces": true,
     "update_check": false
 }
 
 Preferences --> Key Bindings --> User
 [
    自动对齐:{"keys": ["ctrl+f"], "command": "reindent" , "args":{"single_line": false} },
    单行注释:{ "keys": ["ctrl+q"], "command": "toggle_comment", "args": { "block": false } },
    多行注释:{ "keys": ["ctrl+shift+q"], "command": "toggle_comment", "args": { "block": true } },
    html格式化:{ "keys": ["ctrl+shift+o"], "command": "htmlprettify" }
 ]
 

插件

PS:先安装Package Control

安装插件:Ctrl+Shift+P 输入 install package,稍等会弹出下载框,输入插件名选择下载即可

移除插件: Ctrl+Shift+P 输入 Package Control: Remove Packages,选择需要移除的插件

Emmet

 作用:快速编码
 快速生成HTML头部信息:
     html:4t/5 + Tab
 
 多行编码:
     1. nl>(li>a[herf="#"]{}*3)^3  +  Tab
         <nl>
             <li>
                 <a href="" herf="#"></a>
                 <a href="" herf="#"></a>
                 <a href="" herf="#"></a>
             </li>
         </nl>
 
     2. ul>(li>a[href="#" id="df$"]{123}*3)  +  Tab
         <ul>
             <li>
                 <a href="#" id="df1">123</a>
                 <a href="#" id="df2">123</a>
                 <a href="#" id="df3">123</a>
             </li>
         </ul>
 
     3. ul>(li>img[src=""]+span{123})*3  +  Tab
         <ul>
             <li><img src="  " alt=""><span>123</span></li>
             <li><img src="" alt=""><span>123</span></li>
             <li><img src="" alt=""><span>123</span></li>
         </ul>
 
     4. div.main  +  Tab
         <div class="main"></div>

JSFormat

 作用:Javascript的代码格式化插件
 使用:在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)

Alignment

 作用:”=”号对齐
 使用:先选择要对齐的文本,默认快捷键Ctrl+Alt+A和QQ截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A

Bracket Highlighter

 作用:可匹配[], (), {}, “”, ”, ,高亮标记,便于查看起始和结束标记

DocBlockr

 作用:标准的注释,包括函数名、参数、返回值等,并以多行显示
 使用:输入/、/*然后回车

ConvertToUTF8

 作用:文件转码成utf-8
 使用:安装插件后自动转换为utf-8格式

AutoFileName

 作用:快捷输入文件名

HTML/CSS/JS Prettify

 作用:格式化html、css、js代码
 使用:html(Ctrl+Alt+H)、

CSScomb

 作用:CSS属性排序
 使用:选中要排序的CSS代码,按Ctrl+Shift+C

ColorHighlighter

 作用:显示所选颜色值的颜色

Compact Expand CSS Command

 作用:使CSS属性展开及收缩,格式化CSS代码
 使用:Ctrl+Alt+[ 收缩CSS代码为一行显示,Ctrl+Alt+] 展开CSS代码为多行显示

View in Browser

 作用:在浏览器中预览编写的html文件
 使用:Ctrl+Alt+V

标题:Sublime使用教程
作者:Hefery
地址:http://hefery.icu/articles/2021/12/13/1639387755859.html