sublime text 使用小技巧
sublime下载各个版本 官网
插件官方网站地址 https://packagecontrol.io/
一、安装设置字体及字体大小
1、点菜单“Preferences--->Setting - User”,打开“Preferences.sublime-settings”。
2、如下图添加所需代码,根据自己的喜好进行设置。设置字体用"font_face":"字体名称",设置字体大小用"font_size":"字体大小",注意它们之间需要用逗号隔开。
二、安装插件管理包
1、安装Package Control
Package Control为插件管理包,所以我们首先要安装它。有了它,我们就可以很方便的浏览、安装和卸载Sublime Text中的插件。打开Package Control的网页https://packagecontrol.io/,点击右侧的“Install Now”或“installation”按钮。进入页面后,选择“sublime text”选项卡对应的版本,复制出里面的代码段:
打开安装的sublime Text,快捷键 Ctrl + ` 打开Sublime Text控制台,将之前复制的代码粘贴到控制台里,按下“Eenter”键。等待其安装完成后关闭程序,重新启动“Sublime Text”,点开菜单“Preferences”可见“Package Control”项,说明插件管理包已安装成功。
2、插件的安装与删除
a)安装插件的方式:
点击菜单中的preferences ->Package Control 或 按下Ctrl+Shift+P调出命令面板,输入install 调出 Install Package 选项并回车,然后搜索"需要安装的插件名称"安装然后回车。
b)删除插件的方式:
点击菜单中的preferences ->Package Control 或 按下Ctrl+Shift+P调出命令面板,输入install 调出 Install Package 选项并回车,然后搜索"需要删除的插件名称"安装然后回车。
3、ConvertToUTF8 插件安装
a)功能说明:ConvertToUTF8 能将除UTF8编码之外的其他编码文件在 Sublime Text 中转换成UTF8编码,在打开文件的时候一开始会显示乱码,然后一刹那就自动显示出正常的字体,当然,在保存文件之后原文件的编码格式不会改变。
b)安装方法一:快捷键 Ctrl+Shift+p ,打开 “Command Palette” 悬浮对话框,在顶部输入 “install”, 然后下选点击 “Package Control:Install Package”。在出现的悬浮对话框中输入 “convert”, 然后点选下面的 “ConvertToUTF8” 插件,就会自动开始安装,请耐心等待。当插件安装成功后,Sublime Text 3 编辑器底端的状态栏会有安装成功的提示。
c)安装方法二:你还可以下载完整的插件包后解压,放入 C:\Users\userName\AppData\Roaming\Sublime Text 3\Packages 目录下,以达到安装插件的目的。下载地址:
https://github.com/seanliang/ConvertToUTF8。如何找到 Packages 目录?一个快捷的方法是:双击打开你的 “Sublime Text 3”,点菜单 “Preferences--->Browse Packages...”。它会直接打开插件包存放的目录 “Packages”。然后你就可以把下载后解压好的插件包复制到这个 Packages 目录下。
三、自定义代码
文件在Preferences - Settings - User 里面
1、全部的设置均为 JSON 文本
"translate_tabs_to_spaces": true,
2、把Tab对齐转化为空格对齐,tab_size 控制转化比例
"tab_size": 2,
3、自动移除行尾多余空格。
"trim_trailing_white_space_on_save": true,
4、窗口失去焦后立即保存文件。
"save_on_focus_lost": true,
5、侧栏文件夹加粗。
"bold_folder_labels": true,
6、自动在文件末尾加入一个空行,git 用户相信知道是干嘛的。
"ensure_newline_at_eof_on_save": true,
7、自动换行
"word_wrap": true,
8、禁止更新
"update_check": false
综合:
// 字体大小设置 "font_size": 13, // 设置行间距,看起来不那么”挤“ "line_padding_bottom": 1, "line_padding_top": 1, // 是否打开拼写检查 "spell_check": false, // Tab键制表符宽度 "tab_size": 4, // 代码提示 "auto_complete": true, // 突出显示当前光标所在的行 "highlight_line": false, // 侧栏文件夹加粗 "bold_folder_labels": true, // 窗口失去焦后立即保存文件 "save_on_focus_lost": true, // 全部的设置均为 JSON 文本 "translate_tabs_to_spaces": true, // 自动移除行尾多余空格 "trim_trailing_white_space_on_save": true, // 自动在末尾添加一空行 "ensure_newline_at_eof_on_save": true, // 自动换行 "word_wrap": true, // 禁止更新 "update_check": false
四、常用插件
1、Emmet
前端神器,相信搞前端的没有不用的
2、JQuery
写JQuery怎么能不用他来增强你的提示
3、Autoprefixer
添加CSS3各个浏览器的前缀
4、AutoFileName
路径提示
5、Pretty Json
写json不格式话怎么行
6、CSS Format
css格式化
7、Color Highlighter
css样式中color十六进制有颜色显示;
8、Sublime CodeIntel
代码自动提示
9、FileHeader
自动创建文件开头模板,并且会根据最后的保存时间修改更新时间
10、SideBarEnhancements
右键菜单增强插件
11、TrailingSpaces
这款插件能高亮显示多余的空格和Tab
12、advancedNewFile
快速创建文件
当我们在 Sublime Text 编辑器里我们可以通过快捷键command+n(win: ctrl+n),来新建一个文件,然后command+s(Win:ctrl+s)进行弹出保存框,填写文件名进行保存。还是老问题,麻烦!!我们接下来就通过安装advancedNewFile插件来提升我们在Sublime Text编辑器下的创建文件速度。⭐️⭐️⭐️⭐️
关乎其使用,安装完成之后,运用快捷键command+alt+n(win: ctrl+alt+n)
,Sublime Text底部会弹出输入框;我们只需在这个输入框里输入我们需要新建的文件名回车即可(我们甚至可以带路径,譬如:src/components/perfect.vue;这就会在当前项目目录下,建立该文件;需要注意的是这路径前面不可加 ‘/‘, 这会使得建立的路径成为用户目录,而非改项目目录)。默认情况下文件会存储在当前目录,如果当前没有目录,会存储在用户的家目录。
13、SyncedSideBar
每次打开文件,侧边栏都会同步显示该文件所在目录树中的位置(如果打开的文件是目录树的子集,还能将目录树自动展开,真是爱之不已,挺有用的一款插件)。⭐️⭐️⭐️⭐️⭐️
14、BracketHighlighter
显示与之对应的那个括号
15、ChineseLocalizations
汉化插件(安装之后重启)
16、JavaScript Completions
JavaScript 原生语法提示
17、自动换算单位px => rem
rem-unit
配置参数
参数配置文件:Sublime Text -> Preferences -> Package Settings -> rem-unit
fontsize
- html元素font-size值,默认为16。precision
- px转rem的小数部分的最大长度,默认为8。leadingzero
- 是否保留前导0,默认不保留。exts
- 启用此插件的文件类型。默认为:[“.css”, “.scss”, “.less”, “.sass”, “.styl”]。
18、SublimeTmpl
模板注释文件(需要配置)
19、A File Icon
显示文件图标
20、主题
Theme - One Dark
21、自动跳转到相关的clss类
Goto-CSS-Declaration 快捷键 win 键 +Alt+. 跳转到 css 文件该 class 的声明处 注意对应的css文件要同时打开才行
五、其他
1、http://blog.csdn.net/twoto3_/article/details/52230204