Package地址:https://packagecontrol.io/
Theme - Spacegray
主题包
JavaScript & NodeJS snippets
快捷输入代码
AdvancedNewFile
ctrl+alt+n
创建新文件
DocBlockr
快速添加注释
CSS Format
css样式格式化
tortoiseSVN
上传配置方法(在Preferences->Package Settings->TortoiseSVN->Settings - User
)
{
// Auto close update dialog when no errors, conflicts and merges
"autoCloseUpdateDialog": false,
// Auto close commit dialog when no errors, conflicts and merges
"autoCloseCommitDialog": true,
"tortoiseproc_path": "E:\\Program Files (x86)\\bin\\TortoiseProc.exe"
}
注意:目录层之间用\分割而不是\分割哦~
alt+u
更新 svn_update
alt+c
提交 svn_commit
SASS Build
SASS Build 是一个编写CSS的预处理器。这个特别的插件将帮助你妥善构建包括压缩选项在内的SASS文件。一旦你安装了这个插件,你可以很容易地通过按Ctrl+ B
。
Package Control
通俗易懂地说,这个是你在完成安装SublimeText后必须安装的东西。你问为什么?因为有了这个特殊的“插件包”,你可以很容易地安装、升级、删除,甚至非常方便地查看您已经安装在SublimeText中的包或插件的列表。它通过菜单和对应的行为使这些过程变得非常容易和有组织。
Emmet
概括地说,Emmet(译者注:前身就是以前大名鼎鼎的Zen Coding,这个如果你没听说和使用过,就悲哀了)是一个可以让你更快更高效地编写HTML和CSS,节省你大量时间的插件
双击选中带中划线-的文本
用户设置(preferences ——>Settings—user
)中增加:
// Characters that are considered to separate words
"word_separators":"./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?",
Markdown Preview[1][2]
-
使用SublimeText3创建.md文件,按照Markdown语法输入要写的内容,如下图
Markdown语法 -
选择markdown,在浏览器中打开Ctrl+Shift+P
输入mp,选择Markdown Preview: Preview in Browser
,选择markdown,在浏览器中打开
-
在浏览器中查看效果如下:
浏览器中查看效果 -
按CTRL + B生成网页HTML;在最前面添加[TOC]自动生成目录;
[TOC]自动生成目录
MarkdownEditing
支持Markdown语法高亮;
OmniMarkupPreviewer
实时在浏览器中预,但MarkdownPreview是需要手动生成的和F5的。览如果双屏的话,应该具有不错的体验。快捷键如下:
Ctrl+Alt+O
: Preview Markup in Browser.
Ctrl+Alt+X
: Export Markup as HTML.
Ctrl+Alt+C
: Copy Markup as HTML.
TableEditor
书写Markdown表格的时候,较好的自适应性,会自动对齐
通过Ctrl+Shift+P
->Table Editor: Enable for current view开启。
先输入标题行,回车后在第二行输入|-后,按tab键就将进入Table编辑模式。
表格必须与前面输入的文字之间有空行,否则表格会被当成普通文字渲染。
IMESupport
功能: sublime中文输入法
简介: 还在纠结 Sublime Text 中文输入法不能跟随光标吗?试试「IMESupport 」这个插件吧!目前只支持 Windows,在搜索等界面不能很好的跟随光标。
使用: Ctrl + Shift + P
→输入pci
→输入IMESupport
→回车
AutoFileName
功能: 快捷输入文件名
简介: 自动完成文件名的输入,如图片选取
使用: 输入”/”即可看到相对于本项目文件夹的其他文件
Nodejs
功能: node代码提示
教程: 地址
DocBlockr
功能: 生成优美注释
简介: 标准的注释,包括函数名、参数、返回值等,并以多行显示,手动写比较麻烦
使用: 输入/、/*然后回车,还有很多用法,请参照
多行注释
JSFormat
功能: Javascript的代码格式化插件
简介: 很多网站的JS代码都进行了压缩,一行式的甚至混淆压缩,这让我们看起来很吃力。而这个插件能帮我们把原始代码进行格式的整理,包括换行和缩进等等,是代码一目了然,更快读懂~
使用: 在已压缩的JS文件中,右键选择jsFormat或者使用默认快捷键(Ctrl+Alt+F)
Alignment
功能: ”=”号对齐
简介: 变量定义太多,长短不一,可一键对齐
使用: 默认快捷键Ctrl+Alt+A
和QQ截屏冲突,可设置其他快捷键如:Ctrl+Shift+Alt+A
;先选择要对齐的文本
CSS值转REM
插件效果如下:
cssrem插件效果安装
- 下载本项目,比如:git clone https://github.com/flashlizi/cssrem
- 进入packages目录:Sublime Text -> Preferences -> Browse Packages...
- 复制下载的cssrem目录到刚才的packges目录里。
重启Sublime Text。
配置参数
参数配置文件:Sublime Text -> Preferences -> Package Settings -> cssrem
px_to_rem
- px转rem的单位比例,默认为40。
max_rem_fraction_length - px转rem的小数部分的最大长度。默认为6。
available_file_types - 启用此插件的文件类型。默认为:[".css", ".less", ".sass"]。
网友评论