sublime Text

来源:互联网 发布:淘宝新开店铺采集 编辑:程序博客网 时间:2024/06/05 12:07

下载安装:
http://www.sublimetext.com/3

(1)Sublime Text 3 安装Package Control:
使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行,粘贴如下代码:

import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())

然后菜单Preferences就会多了两个Package Setting 和 Package Control, 安装成功

安装常用插件:Ctrl+Shift+P(菜单 – Tools – Command Paletter),输入 install 选中Install Package并回车,输入或选择你需要的插件回车就安装了(注意左下角的小文字变化,会提示安装成功),安装其它插件也是这个方法,非常快速。
快捷键:
Ctrl+Shift+P:打开命令面板
Ctrl+N:新建窗口
Ctrl+L:选择行,重复可依次增加选择下一行
Ctrl+Shift+L:选择多行
Ctrl+Shift+Enter:在当前行前插入新行
Ctrl+X:删除当前行
Ctrl+Shift+D 复制光标所在整行,插入到下一行。
Ctrl+/:注释当前行
Ctrl+Shift+/:当前位置插入注释
Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的

(2) Sublime Text 3 安装emmet:
点击菜单Preference–>Package Control
点击Install Package
等待几秒后再弹出内容,敲键盘emmet
在 Emmet 安装完成后,会自动安装PyV8,安装完成,重启 Sublime Text 3。

使用方法:
!+ctrl E 自动生成html5 文档
ul#test>li*4 +按Ctrl+e 生成:

<ul id="test"> <li></li> <li></li> <li></li> <li></li></ul>

(3)设置快捷在浏览器打开
1、通过”ctrl+shift+p”打开命令面板
2、输入”install package”打开安装插件面板
3、输入”view in browser”后通过鼠标左键单击或者回车键进行安装
重启sublime,此时html文档右击有“open in Browser”

单浏览器快速预览快捷键ctrl+b操作:
在sublime的菜单栏依次选择:Tools–>Build System–>New Build System…在打开的文本窗口中粘贴:

{ "cmd": ["C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", "$file"] }

其中C:\…..这一段换成自己本地路径, 例如我想默认的打开方式是chrome浏览器,就如上设置, 如果要用IE, 就找到IE的路径, 粘贴进去即可。

以Chrome.sublime-build这个名字保存到默认路径,赶快回到你编辑的文件ctrl+b试下吧!

多浏览器快速预览快捷键SideBarEnhancements
下载地址:http://download.csdn.net/download/u012938193/7114467
步骤一:解压,并放入Packages包中(Preference:Browse Package)
步骤二:点击工具栏的preferences > package setting > side bar > Key Building-User,键入以下代码,这里设置按Ctrl+Shift+C复制文件路径,按F*在浏览器预览效果,当然你也可以自己定义喜欢的快捷键,最后注意代码中的浏览器路径要以自己电脑里的文件路径为准。

[     { "keys": ["ctrl+shift+c"], "command": "copy_path" },     //ie      { "keys": ["f1"],         "command": "side_bar_files_open_with",         "args": { "paths": [],         "application": "C:/Program Files (x86)/Internet Explorer/iexplore.exe",          "extensions": ".*" } },       //chorme       { "keys": ["f2"],         "command": "side_bar_files_open_with",         "args": { "paths": [], "application": "C:\\Users\\Administrator\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",         "extensions": ".*" } } ]

(4)快速添加注释 DocBlocker
1、通过”ctrl+shift+p”打开命令面板
2、输入”install package”打开安装插件面板
3、输入DocBlocker 安装

(5)代码快速校验
同上 安装SublimeLinter
接着SublimeLinter-jshint
首先需要安装nodejs,然后cmd命令窗口输入:
npm install-g jshint 回车安装

0 0