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进行语法和风格校验(以后补充)
sublime工具篇的更多相关文章
- css,js工具篇
4. web前端开发分享-css,js工具篇 web前端开发乃及其它的相关开发,推荐sublime text, webstorm(jetbrains公司系列产品)这两个的原因在于,有个技术叫emm ...
- 【常用软件】木木的常用软件点评(2)------VC程序员常用工具篇
摘自:http://blog.csdn.net/liquanhai/article/details/7215045 木木的常用软件点评(2)------VC程序员常用工具篇 分类: VC++经验总结 ...
- 工具篇-MAT(Memory Analyzer Tool)
--- layout: post title: 工具篇-MAT(Memory Analyzer Tool) description: 让内存泄漏无所遁形 2015-10-08 category: bl ...
- 工具篇-TraceView
--- layout: post title: 工具篇-TraceView description: 让我们远离卡顿和黑屏 2015-10-09 category: blog --- ## 让我们远 ...
- 【工具篇】利用DBExportDoc V1.0 For MySQL自动生成数据库表结构文档
对于DBA或开发来说,如何规范化你的数据库表结构文档是灰常之重要的一件事情.但是当你的库,你的表排山倒海滴多的时候,你就会很头疼了. 推荐一款工具DBExportDoc V1.0 For MySQL( ...
- 大数据工具篇之Hive与MySQL整合完整教程
大数据工具篇之Hive与MySQL整合完整教程 一.引言 Hive元数据存储可以放到RDBMS数据库中,本文以Hive与MySQL数据库的整合为目标,详细说明Hive与MySQL的整合方法. 二.安装 ...
- 大数据工具篇之Hive与HBase整合完整教程
大数据工具篇之Hive与HBase整合完整教程 一.引言 最近的一次培训,用户特意提到Hadoop环境下HDFS中存储的文件如何才能导入到HBase,关于这部分基于HBase Java API的写入方 ...
- Linux工具XFTP、Xshell(centos配置java环境 工具篇 总结一)
♣Xmanager5是什么? ♣安装XFTP ♣安装Xshell 1.Xmanager5(官网:https://www.netsarang.com/download/software.html)是全新 ...
- 工具篇之GIT知识整理(一)
目录 项目工具篇(一)GIT 说在前面 背景 与其他版本控制产品对比 Git下载地址及安装 下载地址 安装 在案例中简单使用Git命令 git clone git log git diff git c ...
随机推荐
- ngrok把本地主机映射到公网域名
这两天又要搞微信项目,然后我下载了一个QQ浏览器,搜索微信调试工具,我再搜,再搜,搜不出来,问了下客服,暂时下架了,好吧! 我上网搜了一下,就找到了 ngrok 这个东西,它也可以把你本地主机映射到 ...
- shiro基础学习(三)—shiro授权
一.入门程序 1.授权流程 2.授权的三种方式 (1)编程式: 通过写if/else 授权代码块完成. Subject subject = SecurityUtils.getSubjec ...
- How To Use ggplot in ggplot2?
1.What is ggplot2 ggplot2基本要素 数据(Data)和映射(Mapping) 几何对象(Geometric) 标尺(Scale) 统计变换(Statistics) 坐标系统(C ...
- phpcms 笔记
首先是要把首页分为三个部分 : 导航部分 .尾部和首页中间部分 用了三个不同的文件 header.html ; index.html; footer.html 在使用phpcms之前 首先 ...
- Zepto 添加手势判断拓展方法(思路+原理)
一.前言 这几个月事情比较多,写了一些博客都没有来得及整理发布,今天刚好有一位同事在开发前端页面的时候用到了手势判断.所以翻出了之前写的 demo,顺便整理一下作为记录. 手势判断在各种应用中都十分常 ...
- DOM 以及JS中的事件
[DOM树节点] DOM节点分为三大节点:元素节点,文本节点,属性节点. 文本节点,属性节点为元素节点的两个子节点通过getElment系列方法,可以去到元素节点 [查看节点] 1 document. ...
- [uva11992]Fast Matrix Operations(多延迟标记,二维线段树,区间更新)
题目链接:https://vjudge.net/problem/UVA-11992 题意:n*m的矩阵,每次对一个子矩阵操作,有三种操作:加x,设置为x,查询.查询返回子矩阵和.最小值.最大值 n很小 ...
- tomcat 下部署单框架cas时,报出org.apache.jasper.JasperException异常的解决办法
在tomcat中部署好cas server(设置好https,将cas.war拷贝到了webapps下部署完成),启动tomcat后,访问http://localhost:8443/cas/login ...
- 简单XSS跨站脚本攻击实验
原理:恶意Web用户将代码植入到提供给其它用户使用的页面中,如果程序没有经过过滤或者过滤敏感字符不严密就直接输出或者写入数据库.合法用户在访问这些页面的时候,程序将数据库里面的信息输出,这些恶意代码就 ...
- Oracle数据库时间类型悬疑案
这次遇到的问题小Alan其实一年半前做证券行业项目就已经遇到过,但是一直没有去思考是什么原因导致的这样的悬疑案,悬疑案是什么呢?其实很简单,我想有不少童鞋都有用到Oracle数据库,情形是这样子的,这 ...