【转】sublime

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键,自动补充函数说明格式。

时间: 2024-10-04 22:49:47

【转】sublime的相关文章

Sublime Text 常用的16 个 Sublime Text 快捷键

在我做了一次包含一些现场编码的演示后,一些观众问我是如何操作这么快.当然这里没有唯一的答案,答案是一堆简单的快捷键和大量的实践的组合.为了回应那些询问,我觉得有必要看看我每天想都不用想且使用的快捷键. 这里有一个15 16 个快捷键的精选列表(1个自定义快捷键),以gif动画展示,我每天使用.享受吧! (译者注:原文所列快捷键均为OS X环境,为了方便Windows和Linux环境童鞋的学习,译者将备注Windows和Linux下对应的快捷键) 选择 选择一个选中项的下一个匹配项 选择一个选中项

Ubuntu 16.04 GNOME下解决Sublime Text3中文输入(ibus)(转)

解决方法: 1.进入Sublime Text3插件管理文件夹 cd ~/.config/sublime-text-3/Packages 2.获取InputHelper插件 git clone https://github.com/xgenvn/InputHelper.git 3.如果发现在Sublime Text3中无法使用Ctrl+Shift+Z调出输入框,请检查是否安装pygtk sudo apt-get install python-gtk2-dev 4.每次输入中文时都要输入Ctrl+S

Sublime Text 3,有了Anaconda就会如虎添翼

作为Python开发环境的Sublime Text 3,有了Anaconda就会如虎添翼.Anaconda是目前最流行也是最有威力的Python代码提示插件. 操作步骤 1.打开package control菜单,输入install或者直接点击install package命令菜单 2.在新窗口输入Anaconda并点击第一个备选项进行安装.安装完成后会显示messages文档 3.由于插件本身无法知道Python安装的路径,所以需要手动设置Python主程序的位置.(刚安装完插件估计就会提示我

sublime配置java环境

今天突然不想用eclipse编写java了,觉得sublime挺好用,就想用sublime配置java环境,以下是过程以及出现的问题. 一.配置Java环境 1.打开我的电脑–属性–高级–环境变量 2.新建两个环境变量: JAVA_HOME=D:\Program Files\Java\jdk1.7.0_51 CLASSPATH= .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar; 3.编辑Path环境变量,增加如下路径: %JAVA_HOME%

Sublime Text 3插件安装方法

一:安装Sublime Text 3插件的方法 安装package control组件,然后直接在线安装: 1.按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的.输入法属性设置-输入法管理-取消热键切换至QQ拼音) 2.粘贴下面代码究竟部命令行并回车: import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); ur

sublime text3---Emmet:HTML/CSS代码快速编写神器

Emmet的前身是大名鼎鼎的Zen coding,如果你从事Web前端开发的话,对该插件一定不会陌生.它使用仿CSS选择器的语法来生成代码,大大提高了HTML/CSS代码编写的速度,比如下面的演示:  Zen coding下的编码演示 一.快速编写HTML代码 1.  初始化 HTML文档需要包含一些固定的标签,比如<html>.<head>.<body>等,现在你只需要1秒钟就可以输入这些标签.比如输入"!"或"html:5",

sublime插件@sublimelinter安装使用

sublimelinter插件是一款sublime编辑器的代码校验插件,支持多种语言,对于前端来说主要包含css和js校验. 要是用这款插件 1)安装node,然后在全局安装jshint(npm install -g jshint)和csslint(npm install -g csslint) 2)在sublime中安装sublimelinter插件,然后在安装sublimelinter-jshintch插件和sublimelinter-csslint插件 3)然后在tool>sublimel

Mac下Lua Sublime Text2 开发环境搭建

1.安装Lua编译器 下载Lua, http://www.lua.org/: 解压后,cd进入该文件夹src目录下 在当前文件夹执行make macosx   然后回车 cd 到上一目录,执行sudo make install 完成之后执行lua -v 可以看到:Lua 5.3.3  Copyright (C) 1994-2016 Lua.org, PUC-Rio 2.安装Sublime Text2 1.下载http://sublime-text-2.cn.uptodown.com后打开: {

sublime text插件

使用Package Control组件安装 也可以安装package control组件,然后直接在线安装: 按Ctrl+`调出console(注:安装有QQ输入法的这个快捷键会有冲突的,输入法属性设置-输入法管理-取消热键切换至QQ拼音) 粘贴以下代码到底部命令行并回车: 1 import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); url

sublime搜索和替换--正则

Search and Replace Sublime Text features two main types of search: Search - Single File Search - Multiple Files We'll examine them in turn, but first let's talk about a powerful tool for searchingtext: regular expressions. Regular Expressions Regular