首页 > > 网页制作 > css >

Sublime的用法

2018-06-24 01:59:33来源：未知阅读 ()

一、首先安装插件

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认为有错误的代码行，也支持高亮一些特别的注释

Doc?Blockr，注释插件，生成幽美的注释。标准的注释，包括函数名、参数、返回值等，并以多行显示，省去手动编写。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 侧栏（文件夹）