sublime工具篇

2018-06-24 01:10:53来源:未知 阅读 ()

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

sublime快捷键的应用

 熟悉掌握sublime快捷键,提高编码效率,享受编码乐趣。

window操作系统常用快捷键

win+D:快速显示桌面     win+方向键:最大化最小化窗口  win+L快速锁定窗口 CTRL+TAB:同一页面不同窗口切换

win+R:cmd,软件命令行   ALT+上方向键:查看当前文件夹上级目录  ALT+TAB:快速切换页面

sublime主要快捷键

Ctrl+D:选择单词,重复操作可增加选择下一个相同的单词

Ctrl+L:选择行,重复可依次增加选择下一行                              

Ctrl+M:跳转到对应括号

Ctrl+F:查找内容

Ctrl+Shift+F:查找并替换

Ctrl+H:替换

Ctrl+N:新建窗口

Ctrl+K+B:开关侧栏

Ctrl+/:注释当前行

Ctrl+Shift+/:当前位置插入注释

F11:全屏

Alt+Shift+数字:分屏显示

CTRL+ENTER             在当前下方添加一行

CTRL+SHIFT+ENTER  在当前上方添加一行

ALT+F3全选  移动方向键就有了光标

ALT+.> 匹配出结束标签

Ctrl+] 增加缩进 [ 减小缩进

preferences->setting user    修改默认的设置;
preferences->color scheme  修改界面颜色

“emmet插件”环境下 输入“!”号 Ctrl+E(自动生成html5格式)  关于安装插件见2

到包的内部 ctrl+p#body 匹配到body 这个标签


创建列表  即(ul>.item$*10)+(ctrl+E)“ >”号生成子元素 .(class)item(以item开头的class名)$(序号)

Goto Anything

快捷键 ctrl+p
功能1:快速查询文件(支持模糊匹配) 如:wista/index.html
功能2:@可以查询css中的选择器或js中的函数  如:@body 可以快速定位到当前文件的body标签
功能3:可以模糊匹配编写代码 如:background-image bgm

ctrl+shift+p   启动命令模式

1若切换到JavaScript命令模式,需要在弹出的输入框内输入set syntax JavaScript即可 (支持模糊匹配)SS...

2改变文件编码类型为javascript或者css等

3安装插件  ctrl+shift+p启动命令模式,输入install package,选择所要安装的插件安装

 

多行游标(同时操作多行相同的代码)

Ctrl+H:查找替换
Ctrl+D:选择游标所在单词,连续Ctrl+D实现多行选择(选择与第一次选择相同的单词)
Ctrl+K Ctrl+D:跳过当前选择,选择下一个
Ctrl+shift+D:复制游标所在行
按住shift,右键,拖动,产生多行游标

用ALT+F3选择相同的词

安装Package Control及相关插件

***********Package Control使用方法**********
1. install Package 安装插件
2. List Package 已经安装插件列表
3. Remove Package 卸载插件
4. Disable/Enable Package 禁用/启用插件

推荐三款主题:
1.theme-soda
2.theme-flatland
3.theme-spacegray
注:主题安装好后,一段使用代码需要copy到user配置中

安装package control
1、进入官网。(sublime.wbond.net)
2、选择sublime的版本 然后复制下面的代码。

import urllib.request,os,hashlib; h = 'df21e130d211cfc94d9b0905775a7c0f' + '1e3d39e33b79698005270310898eea76'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)           

3、进入sublime text 软件,选择view下的show console。
4、将代码粘贴进去按回车等待安装的完成。
5、安装完成后重启sublime text。
6、启用命令模式(ctrl+shift+p),输入package control:install package.
7、等待加载插件,加载完有很多的插件。
8、选择主题插件theme(主题) ****,有很多样式,可以去官网看,推荐flatland、soda、spacegray。。。在命令模式下选择一种,比如选择 theme spacegray。
9、等待安装,安装完成后会弹出使用说明,说明里有叫你把space eighties 下面的复制到自己用户的配置信息中,也就是preferences菜单下的settings user里将复制的代码粘贴进去。(],否则不成功),保存后安装完成,sublime text的主题就会变成安装的主题样式


sublime进阶

使用snippets

编码过程中使用snippets能提升编码效率,保持良好的编码风格。不同编程语言中的snippets也是不同的。以javascript为例。

在Javascript语法环境中,shift+command+P打开命令模式,输入Snippet,选择“Snippet:function"命令可以快速创建函数,通过tab键可以快速切换输入参数和函数体

通过sublime Text自带输入的缩写词也能自动补全代码语句,如输fun 选择提示的fun  Function,就会生成函数

安装Javascript&NodeJs Snippets 以及jQuery外部插件,以安装Jquery插件为例。
JQuery snippets
1.[ctrl+shift+P]+輸入'pci'+輸入'JQuery'
2.輸入'get',自動產生 get請求
3.輸入'post',自動產生 post請求

 

开发中辅助技巧

sidebarenhancement插件
在sublime text3中直接实现在浏览器中打开我们想要的HTML文件,省去了在找文件夹打开
1)ctrl+shfit+p 输入pcip回车 sidebarenhancement回车
2)点击x.html 右键选择open in brower,选择相应的浏览器即可

advanceNewfile插件
用于创建文档的同时命名、保存该文档
Ctrl+Alt+N:在不用打开相关文件夹的情况下新建文档,需填写路径到 文档名.html(或其他类型文档

docblockr插件
1)输入/*按回车,补充行注释。
2)输入/**按回车,补充多行注释。
3)在写好的函数上方输入/**按tab键,自动补充函数说明格式。

 

使用lint进行语法和风格校验(以后补充)

 

标签:

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

上一篇:HTML元素被定义为块级元素或内联元素。那么什么是块级元素,什么

下一篇:带箭头的面包屑导航栏