sublime工具篇

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
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有