前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Sublime Text 使用笔记

Sublime Text 使用笔记

作者头像
louiezhou001
发布2021-11-01 15:54:18
1.1K0
发布2021-11-01 15:54:18
举报

设置

1. 在 mac 下设置一个窗口打开多个tab

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

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

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

代码语言:javascript
复制
"open_files_in_new_window": false

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

2. 常规设置:

如下

代码语言:javascript
复制
{
"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 //侧边栏文件夹加粗
}

插件介绍

1.SideBarEnhancements 右键菜单增强插件

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

命令行快捷键:control+Shift+P

进入插件命令行,在其中输入:install pacakge

接下来就可以输入各类插件名称了

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

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

代码语言:javascript
复制
[   
    { "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等加上),当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。

2.SublimeTmpl 快速生成文件模板

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

代码语言:javascript
复制
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这四个文件照着里面的格式自定义想要新建的类型,这里就不详细介绍了,请各位自己谈说吧~

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

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

代码语言:javascript
复制
// sftp, ftp or ftps
"type": "sftp",

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

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

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

4.ConvertToUTF8

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

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

5.Bracket Highlighter

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

6.Emmet(Zen Coding)

官网:https://emmet.io

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

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2021-10-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 测试工程师成长之道 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 设置
  • 1. 在 mac 下设置一个窗口打开多个tab
  • 插件介绍
    • 1.SideBarEnhancements 右键菜单增强插件
      • 2.SublimeTmpl 快速生成文件模板
        • 3.SFTP:快速编辑远程服务器文件
          • 4.ConvertToUTF8
            • 5.Bracket Highlighter
              • 6.Emmet(Zen Coding)
              领券
              问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档