Sublime的用法

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

新老客户大回馈,云服务器低至5折

 

一、首先安装插件

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 侧栏(文件夹)

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

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:实现文字颜色渐变

下一篇:盘点8种CSS实现垂直居中水平居中的绝对定位居中技术