Sublime Text 3 操作指南

我的配置:

{
    "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

201706191

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

"open_files_in_new_window": false

201706192

配置好后,重启 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 老柴的宅. Powered by Chaishiwei.com. 鄂ICP备11006811号