Sublime Text 3 操作指南

1,246次阅读

共计 2692 个字符,预计需要花费 7 分钟才能阅读完成。

我的配置:

{"color_scheme": "Packages/Color Scheme - Default/Solarized (Dark).tmTheme",
    "ignored_packages":
    ["Vintage"],
    "font_size": 12, // 字体大小
    "open_files_in_new_window": false, // 打开新文件不要创建新窗口
     "translate_tabs_to_spaces": true, //Tab 转换为空格
    "tab_size": 4, //Tab 转换的空格数
    "word_wrap": true, // 自动换行
    "highlight_line": true, // 当前行标亮
    "save_on_focus_lost": true, // 当前行标亮
    "trim_trailing_white_space_on_save": true, // 自动移除行尾多余空格
    "ensure_newline_at_eof_on_save": true, // 文件末尾自动保留一个空行
    "bold_folder_labels": true // 侧边栏文件夹加粗
}

在 mac 下设置一个窗口打开多个文件

Sublime Text 3 在 mac 下默认是以单个独立窗口打开文件的,当你需要打开 10 个文件,它就会打开 10 个窗口,这样的方式非常不好,我们需要设置一下,让其以一个窗口打开,分多个标签展示。

点击左上角的 Sublime Text 3 按钮,然后选择 Preferences 里面的Settings-user

Sublime Text 3 操作指南

然后在配置文档里加入下面这条配置信息即可:

"open_files_in_new_window": false

Sublime Text 3 操作指南

配置好后,重启 Sublime Text 3 令其生效。

插件

SideBarEnhancements 右键菜单增强插件

SideBarEnhancements 是一款很实用的右键菜单增强插件;在安装该插件前,在 Sublime Text 左侧 FOLDERS 栏中点击右键,只有寥寥几个简单的功能;安装了就相当于给其丰了大胸一般。

更强大的是,该插件还能让我们自定义快捷键呼出某个浏览器以预览页面!这样就不用到项目目录下寻找和拖动到特定浏览器中预览了。

安装此插件后,点击菜单栏的preferences->package setting->side bar->Key Building->User,键入以下代码:

[{ "keys": ["ctrl+shift+c"], "command": "copy_path" },
    //chrome
    {"keys": ["f2"], "command": "side_bar_files_open_with",
            "args": {"paths": [],
                "application": "C:\\Users\\jeffj\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
                "extensions":".*"
            }
     }
]

这里设置按 Ctrl+Shift+ C 复制文件路径,按 F2 即可在 Chrome 浏览器预览效果(如果需要的话,也可以根据自己的需要为 Firefox,Safari,IE,Opera 等加上),当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。

SublimeTmpl 快速生成文件模板

一直都很奇怪为什么 sublime text 3 没有新建文件模板的功能,像 html 头部的 DTD 声明每次都要复制粘贴。用 SublimeTmpl 这款插件终于可以解脱了,SublimeTmpl 能新建 html、css、javascript、php、python、ruby 六种类型的文件模板,所有的文件模板都在插件目录的 templates 文件夹里,可以自定义编辑文件模板。⭐️⭐️⭐️⭐️+
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

如果想要新建其他类型的文件模板的话,先自定义文件模板方在 templates 文件夹里,再分别打开 Default (Windows).sublime-keymap、Default.sublime-commands、Main.sublime-menu、SublimeTmpl.sublime-settings 这四个文件照着里面的格式自定义想要新建的类型,这里就详细介绍了,请各位自己折腾哈~

SFTP:快速编辑远程服务器文件

被各种插件需要切换点击 or F5 刷新的手动操作蛋疼到无语;故此一遇见这 SFTP,顿觉这世界都美好了许多。当然 Sublime 下面也有些其他同步插件,比如 FtpSnyc,但是配置起来的错误提示一点都不人性化,就毫不留情的舍弃了。Sublime 下有 SFTP,只要 Ctrl+ S 即可同步本地到服务器,妥妥的爽歪歪有么有?如何配置,请参见在 Sublime Text 中使用 SFTP 插件快速编辑远程服务器文件; 大道至简,因简而悦;开心垒码,值得折腾。

// sftp, ftp or ftps
"type": "sftp",

"sync_down_on_open": true,
"sync_same_age": true,

"host": "example.com",
"user": "username",
//"password": "password",
//"port": "22",

一般就是配置一下我箭头所指的四个参数,包括连接方式、服务器地址、用户名、密码等。如果你的服务器还有其他配置,你也可以对照注释设置一下。一般为了方便,还会设置一下“路径”,这样直接可以看到想要修改的文件列表。

ConvertToUTF8

支持 GBK, BIG5, EUC-KR, EUC-JP, Shift_JIS 等编码的插件

由于 Sublime Text 3 内嵌的 Python 限制,ConvertToUTF8 可能无法正常工作。你可以安装 Codecs33 插件来解决这一问题。

Bracket Highlighter

用于匹配括号,引号和 html 标签。对于很长的代码很有用。安装好之后,不需要设置插件会自动生效

Emmet(Zen Coding)

官网:https://emmet.io

快速生成 HTML 代码段的插件,强大到无与伦比: 可以超快速编写 HTML/CSS/JS,当然这个插件还支持多种编译环境,如常见的:Eclipse/Aptana、Coda、Notepad++、Adobe Dreamweaver、TextMate 等,web 开发必备!!

全文完
 
西西
📝创作说明:本文由 西西 于2017-06-19发表,共计2692字。
🉑转载说明:本作品采用 “知识共享署名-非商业性使用 4.0 国际许可协议” 进行许可。除特殊说明外,您可以自由的转载和修改,但请务必注明来源且不可用于商业目的。