Sublime Text3的用法
一、常见插件的用法
1.Emmet:编码快捷键
2.JSFormat:这是一款将JS格式化的插件,同样使用Package Control安装JsFormat插件后,即可在JS文件中通过鼠标右键->JsFormat或键盘快捷键Ctrl+Alt+F对JS进行格式化
3. SideBarEnhancements:是一款很实用的右键菜单增强插件,打开任意一个JS文件,按ctrl+shift+space这时候第一次运行会去下载对应的类库,可以按ctrl+`(也就是调出控制台)来看进度
4. TrailingSpaces:这款插件能高亮显示多余的空格和Tab
5.Tag插件:这是HTML/XML标签缩进、补全、排版和校验工具
6.Terminal插件:Terminal插件可以允许在Sublime Text 3中打开cmd命令窗口,安装好该插件后,即可使用快捷键Ctrl+Shift+T呼出命令行窗口
7. SublimeCodeIntel插件:这是一款代码提示插件,支持多种编程语言
8. Autoprefixer插件:这是一款CSS3私有前缀自动补全插件
该插件使用CanIUse资料库,能精准判断哪些属性需要什前缀,与CssComb插件一样,该插件也需要系统已安装Node.js环境
使用方法:在输入CSS3属性后(冒号前)按Tab键
9. AutoFileName:自动补全文件路径-非常方便。
10. ColorPicker:调色盘,快捷键Ctrl+shift+c,如果快捷键冲突,可自行设置快捷键。
11. Trailing spaces:可以检测和一键删除代码的空格,保存时自动删除多余空格,让你的代码更加紧凑规范。功能入口:Edit→Trailing Spaces→Delete,也可以自己设置快捷键。
12. ConvertToUTF8:您可以编辑并保存目前编码不被 Sublime Text 支持的文件,可以通过 File→Set File Encoding to 菜单对文件编码进行手工转换。例如,您可以打开一个 UTF-8 编码的文件,指定保存为 GBK,反之亦然。
13. SublimeTmpl:新建文件的模版插件,SublimeTmpl能新建html、css、javascript、php、python、ruby六种类型的文件模板,所有的文件模板都在插件目录的templates文件夹里,可以自定义编辑文件模板。
它的快捷键设置:html:ctrl+alt+h
javascript:ctrl+alt+j
css:ctrl+alt+c
php:ctrl+alt+p
ruby:ctrl+alt+r
ctrl+alt+shift+ppython
二、快捷键
1.快速注释:ctrl+/或者Ctrl+shift+/
2.快速查找:ctrl+F
3.Ctrl+shift+F 在文件夹内查找,与普通编辑器不同的地方是sublime允许添加多个文件夹进行查找
4.Ctrl+L 选中整行,继续操作则继续选择下一行,效果和 Shift+↓ 效果一样。
5.Ctrl+D 选中光标所占的文本,继续操作则会选中下一个相同的文本。
6.Ctrl+Shift+L 先选中多行,再按下快捷键,会在每行行尾插入光标,即可同时编辑这些行。
7.Ctrl+M 光标移动至括号内结束或开始的位置。
8. Ctrl+Enter 在下一行插入新行。比如:即使光标不在行尾,也能快速向下插入一行。
9.Ctrl+Shift+Enter 在上一行插入新行。比如:即使光标不在行首,也能快速向上插入一行。
10.Ctrl+Shift+[ 选中代码,按下快捷键,折叠代码。Ctrl+Shift+] 选中代码,按下快捷键,展开代码。
11. Ctrl+← 向左单位性地移动光标,快速移动光标。
Ctrl+→ 向右单位性地移动光标,快速移动光标。
12.Shift+↑ 向上选中多行。Shift+↓ 向下选中多行。
Shift+← 向左选中文本Shift+→ 向右选中文本。
13.Ctrl+Shift+← 向左单位性地选中文本。
Ctrl+Shift+→向右单位性地选中文本。
14.Ctrl+Alt+↑ 向上添加多行光标,可同时编辑多行。Ctrl+Alt+↓ 向下添加多行光标,可同时编辑多行。
15. Ctrl+J 合并选中的多行代码为一行。比如:将多行格式的CSS属性合并为一行。
16.Ctrl+Shift+D 复制光标所在整行,插入到下一行。
17.Ctrl+K+K 从光标处开始删除代码至行尾。
18.Ctrl+K+U 转换大写。Ctrl+K+L 转换小写。
19. Ctrl+Z 撤销。Ctrl+Y 恢复撤销。Ctrl+U 软撤销,和 Gtrl+Z 一样。
20.Ctrl+Shift+P 打开命令框。比如:打开命名框,输入关键字,调用sublime text或插件的功能,例如使用package安装插件。
21.Ctrl+Tab 按文件浏览过的顺序,切换当前窗口的标签页。
22.Ctrl+PageDown 向左切换当前窗口的标签页。Ctrl+PageUp 向右切换当前窗口的标签页。
三、package control的安装:
a.自动安装:打开Sublime Text3,按快捷键Ctrl+~,在下面的框里输入有关于安装的代码,然后按Enter键运行代码
b.手动安装:1.点击Preferences > Browse Packages菜单
2.进入打开的目录的上层目录,然后再进入InstalledPackages/目录
3.下载 Package Control.sublime-package 并复制到Installed Packages/目录
4.重启Sublime Text。
四、自己安装常用插件时出现的一些问题以及解决方法。
1.在 sublime text 3安装插件的时候出现“there are no packages available for installation”
解决方法:在网络服务器里属性哪里把IP6的地址取消掉。
2.自己如何改默认的快捷键:
a.点击Preferences> Browse Packages菜单
b.选择你要修改的插件快捷键的文件夹,用记事本打开Default.sublime-keymap这个文件,然后改成和其他快捷键不冲突的快捷键。
3.怎么安装其他常用的插件:
a.点击Preferences > BrowsePackages菜单,选择PackageControl,然后点击Install Package,再输入你要安装的插件名字,按回车键安装。
4.左侧菜单栏怎么显现:在插件安装好的情况下,点击View—SideBar---Show SideBar(或者Ctrl+B)
5.sublime text 3 怎么运行html
第一步:Preferences—Key Bindings—User,然后就跳出一个空白页面。
第二部,将以下代码键入。
[
//ie
{
"keys":["f2"],
"command":"side_bar_files_open_with",
"args": {
"paths": [],
"application":"C:\\Program Files (x86)\\Internet Explorer\\iexplore.exe",
"extensions":".*"
}
其中“keys”是指定快捷键,替换成自己想要的。
application是你浏览器在电脑上的目录地址,替换了就OK了。注意是双斜杠\\。
第三步,保存。
作业:
div.js-tab>(ul>li*5>a[href="http://www.myhoupu.com"]{来厚浦休仙}>img)(div.content>div.content-wrap>img^span.context)