sublime text 3


插件:

1.Emmet(原名Zen Coding)。前端必备 。。。对于ST2点击 browse packages' –> Emmet –> emmet –> snippets.json.可以自定义补全代码。

但sublime text3重写方式不同于sublime text2,st3的重写方法是:P ackage Settings → Emmet → Settings-User,
在Emmet.sublime-settings文件按照下面格式要重新定义的snippets即可
{
	"snippets": {
		"html": {
			"abbreviations": {
				"img": "<img src=\"images\/p1.png\" alt=\"\" />"
			}
		},
		"css": {
			"snippets": {
				"bd+": "border:${1:1}px ${2:solid} #${3:000};",
				"bdl+": "border-left:${1:1}px ${2:solid} #${3:000};",
				"bdr+": "border-right:${1:1}px ${2:solid} #${3:000};",
				"bdt+": "border-top:${1:1}px ${2:solid} #${3:000};",
				"bdb+": "border-bottom:${1:1}px ${2:solid} #${3:000};",
				"bg+": "background:${1:#fff} url(../images/${2:p}.png) ${3:0} ${4:0} ${5:no-repeat};",
				"bgi": "background-image:url(../images/${1:p}.png);"
			}
		}
	}
}


2.BracketHighlighter高亮显示匹配的括号、引号和标签

3.DeleteBlankLines(删除空余行插件)。默认快捷键:ctrl + Alt + Backspace

4.Tag(格式化插件)。默认快捷键:ctrl + Alt + F

5.JsFormat(JS代码格式化) 默认快捷键:ctrl + Alt + F

6.csscomb(css属性排序)安装好wampserver后,配置windows系统PHP系统环境变量即可

7.ConvertToUTF8 和 css3_Syntax 可以让sublime 支持gbk


sb3安装控制台:ctrl+~ 两个键调出控制台console,键入如下代码,稍微等待下完成安装。   

import urllib.request,os,hashlib; h = '2deb499853c4371624f5a07e27c334aa' + 'bf8c4e67d14fb0525ba4f89698a6d7e1'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)


8. DocBlockr 能够输入/**回车自动生成注释

另外推荐一款我正在使用的st 主题 "Theme-spacegray" 和代码字体“YaHei Consolas Hybrid”。Theme-spacegray可以通过插件找到。点击这里下载字体。

方法:Preferences -> Settings – User中新增参数

{
	"caret_style": "phase",
	"color_scheme": "Packages/User/base16-ocean.dark (SL).tmTheme",
	"font_face": "YaHei Consolas Hybrid",
	"font_size": 10,
	"ignored_packages":
	[
		"Vintage",
		"CSS3",
		"SublimeLinter"
	],
	"theme": "Spacegray.sublime-theme"
}

9.MarkdownEditing + Markdow Preview 能支持markdown语法。并实现在线预览。

预览方法:ctrl + shift + p  输入 “mp” 选择Preview in Browser“” 即可

两位 ctrl + B 可以自动生成html文件。






快捷键


Ctrl+L

选择整行(按住-继续选择下行)

Ctrl+KK

从光标处删除至行尾

Ctrl+Shift+K

删除整行

Ctrl+Shift+D

复制光标所在整行,插入在该行之前

Ctrl+J

合并行(已选择需要合并的多行时)

Ctrl+KU

改为大写

Ctrl+KL

改为小写

Ctrl+D

选词(按住-继续选择下个相同的字符串)

Ctrl+M

光标移动至括号内开始或结束的位置

Ctrl+Shift+M

选择括号内的内容(按住-继续选择父括号)

Ctrl+/

注释整行(如已选择内容,同“Ctrl+Shift+/”效果)

Ctrl+Shift+/

注释已选择内容

Ctrl+Space

自动完成(win与系统快捷键冲突,需修改)

Ctrl+Z

撤销

Ctrl+Y

恢复撤销

Ctrl+Shift+V

粘贴并自动缩进(其它兄弟写的,实测win系统自动缩进无效)

Ctrl+M

光标跳至对应的括号

Alt+.

闭合当前标签

Ctrl+Shift+A

选择光标位置父标签对儿

Ctrl+Shift+[

折叠代码

Ctrl+Shift+]

展开代码

Ctrl+KT

折叠属性

Ctrl+K0

展开所有

Ctrl+U

软撤销

Ctrl+T

词互换

Ctrl+Enter

插入行后

Ctrl+Shift Enter

插入行前

Ctrl+K Backspace

从光标处删除至行首

Ctrl+Shift+UP

与上行互换

Ctrl+Shift+DOWN

与下行互换

Shift+Tab

去除缩进

Tab

缩进

F9

行排序(a-z)




让Sublime Text支持浏览器中预览


一、点击菜单Tools -> New Plugin...,在创建好的py文件输入下列内容:
import sublime, sublime_plugin
import webbrowser


class OpenBrowserCommand(sublime_plugin.TextCommand):
   def run(self,edit):
      url = self.view.file_name()
      webbrowser.open_new(url)
将文件保存到Packages/User目录(Packages可通过菜单里的Browser Packages...打开),文件名随意,如open_browser.py。插件部分完工了
二、接下来,为刚才的插件分配快捷键。点菜单Tools -> Command Palette...,或者shift+cmd+p,打开命令集,选择“key Bindings - User”打开个人快捷键配置,输入下列内容:
 [{ "keys": ["ctrl+shift+b"], "command": "open_in_browser" }]
 
 这就是要做的全部工作,可以测试下了。打开一个html文件,ctrl+shift+b试试,没意外的话文件会在默认浏览器打开了。可以参考原文章:点击这里 





  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值