Sublime的用法
一、首先安装插件
1、安装Package Control,这是为了安装其他插件做基础,它可以方便我们下载其他插件
(1)、按Ctrl+`调出console(注:避免热键冲突)
(2)、粘贴以下代码到命令行并回车:
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())
(3)、 重启Sublime Text 3。
(4)、如果在Perferences->package settings中看到package control这一项,则安装成功。
2、安装一些常用插件,例如:
Emmet,一种快速编写html/css的方法(注意:安装Emmet的同时,也会自动安装其依赖PyV8 binary库,安装PyV8库会用较长时间,可以在Sublime左下角看到安装进程状态
JSFormat,JS代码格式化插件(使用方法:使用快捷键ctrl+alt+f)(快捷键不管用) 即可在JS文件中通过鼠标右键->Jsformat
SublimeLinter,一个支持lint语法的插件,可以高亮linter认为有错误的代码行,也支持高亮一些特别的注释
DocBlockr,注释插件,生成幽美的注释。标准的注释,包括函数名、参数、返回值等,并以多行显示,省去手动编写。Ctrl+/
SideBarEnhancements,是一款很实用的右键菜单增强插件,在安装该插件前,在Sublime Text左侧FOLDERS栏中点击右键
TrailingSpaces插件,有时候,在代码结尾打多了几个空格或Tab,并没有任何显示效果,但这款插件能高亮显示多余的空格和Tab
Terminal插件,在编程过程中,我们经常需要使用到命令行窗口,它可以允许在Sublime Text 3中打开cmd命令窗口,安装好该插件后,即可使用快捷键Ctrl+Shift+T呼出命令行窗口
CssComb,是为CSS属性进行排序和格式化插件,使用Package Control,安CssComb插件后,你可能发现它并不能运行,它依赖于Node.js ,需要安装NodeJS环境,,安装NodeJS后,即可使用CssComb插件,使用方法:菜单Tools->Run CSScomb或在CSS文件中按快捷键Ctrl+Shift+C
Autoprefixer插件,这是一款CSS3私有前缀自动补全插件,该插件使用CanIUse资料库,能精准判断哪些属性需要什么前缀,与CssComb插件一样,该插件也需要系统已安装Node.js环境,使用方法:在输入CSS3属性后(冒号前)按Tab键
二、(在安装插件时自己的的总结:
1、 Package Control,不仅可以下载各种插件,也可以在那删除插件。
2、 可以用Package Control查看插件列表,也可以在Preferences->PackageSeting中查看插件。
3、 在下了许多插件后,在敲打css代码时会发现没有颜色提示,这时可以去下载一个ColorPicker的插件,十分方便
4 在下载多个插件后,会发现有许多插件的快捷键有重复,不能使用。解决方法:C:\Users\Administrator\AppData\Roaming\Sublime Text 3\Packages\(你所下插件的文件夹)里找到Default (Windows).sublime-keymap文件,然后打开,将[ { "keys": ["ctrl+shift+c"], "command": "color_pick" }]中的“ctrl+shift+c”改成“自己想要设置快捷键”就可以了
5,如果发现没有了侧边栏,这时可以找到工具栏点击View-> Side Bar->Side Bar->Show Side Bar就可以了,也可以按Ctrl+K,Ctrl+K直接打开
6、当你新建一个文档时,自己的Tab键不管用,解决方法:出现这种情况,通常因为它给你初始设的文档类型是XML,这时需要自己去改,在底部右下角有字幕XML,点击一下,会弹出一个列表,那里会提供各种文件件类型,这时你将你的文件类型选择成HTML即可,再去新建的文档敲击代码,这时,你就会发现你的Tab键可以使用了,当然你也可以选择其他文件类型,如果Tab还是不可以使用,则Tab用Ctrl+E代替
7、在底部左下角那会有一个电脑形状的图像,点击便会弹出一个列表
分别是:
显示隐藏控制台 (Console) 快捷键 Ctrl+`
查找匹配值 (Find) 快捷键 Ctrl+F
在文件中查找 (Find ) 快捷键 Ctrl+Shift+F
替换匹配值 (Console) 快捷键 Ctrl+H
8、当工具栏被隐藏时,可以按Alt,还可以shift + ctrl + p 调出命令之后选择view: toggle menu,即可找到隐藏的工具栏
9、浏览器预览效果,单击右键,点击Open in Brower,快捷键的设置,找到工具栏Preferences->Key Bindings(user),然后在括号内添加如下代码:
/*360*/
{
"keys": ["f12"],
"command": "side_bar_files_open_with", "args": {"application": "C:/Users/Administrator/AppData/Roaming/360se6/Application/360se.exe"/*此处为浏览器程序的位置*/, "extensions": ".*", "paths": []}
},
/*IE*/
{
"keys": ["ctrl+f2"],
"command": "side_bar_files_open_with", "args": {"application": "C:/Program Files (x86)/Internet Explorer/iexplore.exe"/*此处为浏览器程序的位置*/, "extensions": ".*", "paths": []}
},
/*Firefox*/
{
"keys": ["ctrl+shift+f12"],
"command": "side_bar_files_open_with", "args": {"application": "D:/工作文档/软件/火狐/firefox.exe"/*此处为浏览器程序的位置*/, "extensions": ".*", "paths": []}
}
即可
10、标签栏不见了,点击View -> show tabs或者按快捷键Ctrl + Shift + P进入管理器,输入View: Toogle Tabs。
11、 状态栏不见了(总结一下吧)
快捷键Shift+Ctrl+P——view,按照需要选择即可
view:Toggle Menu菜单栏
view:Toggle Tabs打开文件栏
view:Toggle Sibe Bar 侧栏(文件夹)
view:Toggle Status Bar状态栏
view:Toggle Open Files in Side Bar 侧栏显示打开的文件栏
view:Toggle Menu菜单栏
12 项目的建立:project->Add Folder to project
13、项目的删除:选择项目->右击出现列表->project->Remove Folder from project