sublime text 3

来源:互联网 发布:西南交大网络教育好吗 编辑:程序博客网 时间:2024/04/29 10:08


插件:

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

但sublime text3重写方式不同于sublime text2,st3的重写方法是:Package 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_pluginimport webbrowserclass 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
原创粉丝点击