sublime的使用技巧
ctr+shift+d是复制当前行当下一行
2.使用Sublime text 3 编写代码是一种享受,使用Sublime text 3 格式化HTML代码
,需要安装插件,具体安装步骤如下:1、打开菜单->首选项->插件控制,输入 install package2、
等待程序进入插件管理功能,再输入插件名称:TAG3、点击安装插件。4、插件安装成功后,在需要格
式化的HTML代码中,选中代码,然后按Ctrl+Alt+F对代码进行格式化。.....
---------------------------------------------------------------------------------------------------------------------
1.自动高亮获取文件的类型并且高亮显示,如js文件
2.Edit中有line->delete可以删除某一行ctrl+shift+k
3.text->insetrLineAfter就是可以在当前行插入下一行ctrl+Enter
4.Selection->可以选择一个单词后者一行,然后按住tab键就行跳转ctrl+L,ctrl+w
5.veiw->可以显示side_bar
6.Tools可以进入命令模式:ctrl+shift+p
7.首先项-》设置(是一个json文件可以拷贝对应的设置到用户设置中进行调整外观,)
8.首选项-》主题设置可以设置不同的风格
9.安装插件需要首先安装pci,就是安装插件的插件,首先到网站https://packagecontrol.io/installation#st3,复制下面那段代码,回到sublime->view->show console,然后点击后出现一个文本框
然后粘贴刚才的代码,按下回车就可以安装成功了。
10.有时需要测试服务器的返回数据,如果直接打开浏览器测试非常麻烦涉及到表单没有前端工程师的配合做不到,所以sublime提供了一个插件,httpResquester,可以帮助开发人员直接返回数据,只需要在返回数据的代码上面加上一句注释
//localhost:3000/users/(注意3000表示端口,users表示users.js可能是对应的控制器文件吧)
选中//后面的安装ctrl+alt+R,就可以新打开一个页面显示返回的所有的信息了
同样的如果是post提交数据就可以这样写注释了
/*
POST localhost:3000/users/
Content-type:appliction/x-www-form-urlencoded
POST_BODY:
variable1=avalue&variable2=1234&variable3=anotherval
*/
同样的道理选中然后安装ctrl+alt+p
11.为js安装对应的插件使得编辑js代码的时候更加的快捷,比如ife然后安装tab键就可以自动补全。
安装的步骤是首先pci->搜索javaScript的插件,安装之后,在输入pci之前输入ssjs就会模糊匹配出set Syntax:javasccript;然后安装就行;
然后就打开命令模式输入snip,然后选择不同的片段就会自动生成那个代码片段,比如输入一个p,然后利用上下键就可以自动选择不同的片段了
然后一个函数的不同空格键就可以按住tab键进行来回切换
12.安装javaScriptComplete插件就可以自动补全很多js中getTag等等的一些东西,就是直接用简写的一些字母就可以
自动补全,那么安装jsC插件的方法就是pci->javasccriptCompleted然后回车就可以,发现安装插件是必须pci然后再安装的
但是如果是写一些代码片段就可以直接在命令模式直接输入模糊匹配,然后回车就行,根部就不需要pci
13.安装insertCallBack就可以在编辑node.js的时候会自动去掉最后的一个分号。直接模糊匹配call就可以出来
PersonModule.findOne({name:'test'},(function(err,d){
});就是会自动这样去掉最后一个中括号后面的分号
14.利用gotoAnything的快捷键就可以直接进入到任何的文件,如果还指导文件结构就可以直接输入如:view/index
还可以模糊匹配:view/indexHTML
15.ctrl+p直接在命令模式输入@就可以进入到在文件内部进行搜索还可以在css文件中@body
在js文件中可以@来进行迅速找到对应函数
16.利用sublimeLinter这个插件可以来规范编程的风格,比如node.js中一般属性都是用单引号,而json文件一般是用
双引号的,然后强制三个等于号,条件体必须写{}就可以来规范编程的风格了,安装步骤:pci->sublimeLi
安装完后会弹出一个信息页面,官网是www.jslint.com.然后回到sublime再安装sublimeLinter-jshint;安装之后还是会弹出
信息,还需要在cmd安装,打开dos输入:npm install -g jshint,然后安装2.5版本的
17.创建自定义的文件.jshintrc就可以自定义规则:然后在网址:jshint.com/docs/options/#curly
看规则,然后在自定义的文件中写上:{
"eqeqeq":true,
"curly":true
}保存就可以生效;
18.连接Js库文件每次创建文件自动下载,
一般每次创建文件都需要拷贝:
https://github.com/jashkenas/underscore/blob/master/underscore-min.js
很麻烦;可以这样解决pci->Netutes+fetch(net)安装插件了。
->- > Fetch:Manage
打开文件Fetch.sublime-settings:
Fetch.sublime-settings
{
"files":
{
"jquery": "http://code.jquery.com/jquery.min.js"
},
"packages":
{
"html5_boilerplate": "https://github.com/h5bp/html5-boilerplate/zipball/master"
}
}
这里缺省有文件jquery和库html5_bolilerplate的配置,你可以仿照这两个配置加任何你需要的内容,格式为“文件名 : 下载地址”。
然后用的时候比如减一个空白的js文件,ctrl+shilt+p进入命令模式fet-file回车会发现自己文件库,直接回车就可以下载该文件就可以了
这个插件只有英文版本才能安装,那个中文版的版本不能够安装;
19.alt+ctrl+n可以调出高级创建文件可以指定路径新建文件,一般是自动在第一个项目中创建文件而ctrl+n就是普通创建文件
sublime的使用技巧的更多相关文章
- 12个不可不知的Sublime Text应用技巧和诀窍
本文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键 ...
- sublime text 3 技巧
sublime text 技巧 学习目的:熟悉sublime快捷键和功能,改进自己的工作方式. 学习流程:先把视频中涉及到的技巧记录下,再完整的看一遍所有的菜单和功能. 前端开发工具技巧介绍-Subl ...
- 记录sublime text2的技巧
好吧,其实俺是sublime text控,用了那么的编辑器,从最初的notepad++,后来到Dreawaver,现在只钟情于sublime text2....记录一些比较实用的技巧和网站吧!! 方便 ...
- Sublime Text2使用技巧
推荐Lucifr和JerryQu的几篇博文: Sublime Text 2 入门及技巧 via: http://lucifr.com/139225/sublime-text-2-tricks-and- ...
- sublime test3 使用技巧
sublimeText3使用技巧 常用快捷键 ctrl+d :选中光标处的文本单元,继续按ctrl+d选中相同文本单元 alt+F3 :功能和ctrl+d类似,用于批量修改相同文本 shift+↑ ↓ ...
- 12个Sublime Text应用技巧和诀窍
本文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键 ...
- 《转》12个Sublime Text使用技巧
文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键: ...
- sublime相关小技巧
1.快速建立一个新文件:Ctrl+n 2.修改多个相同符号:Ctrl+D 3.建立语言后缀的文件保存,例如我想创建PHP的语言脚本,先按Ctrl+Shift+p,打开Command Palette,输 ...
- 12个Sublime Text应用技巧[转载]
本文为您提供Sublime Text编辑器的12个技巧和诀窍,深入挖掘这个看似简洁的代码编辑器,背后所隐藏的实现各种高级功能的无限可能. 1) 选择 以下是一些Sublime Text选择文本的快捷键 ...
- sublime使用小技巧——自动保存后缀名与自动匹配语法
1,打开sublime 2,新建文件 3,ctrl+shift+p 4,输入ss(set syntax),在下拉列表中选择需要的语言 列表很多,可以输入相关快捷键 如:html-->ssh cs ...
随机推荐
- ubuntu 14.04 下实现浏览器接收UDP视频流
前言 由于近期项目需求,需实现在浏览器上实时预览接收UDP视频流信息.此功能若在VLC上可轻松播放,奈何由于Chrome.Firefox版本的升级,渐渐浏览器不支持外部插件,因而使用VLC web插件 ...
- TP5 模型类和Db类的使用区别
原文:http://www.upwqy.com/details/3.html 总结 在控制器中 模型操作 get() 和 all() 只能单独使用来查询数据 想要链式操作查询数据 需要使用f ...
- 通过Navicat连接MySQL数据库
步骤一.从Navicat官网下载Navicat11版本安装包安装 下载连接:http://www.formysql.com/xiazai_mysql.html 步骤二.下载补丁破解程序PatchNav ...
- java微信公众号开发token验证失败的问题及解决办法
本文引自http://m.blog.csdn.net/qq_32331997/article/details/72885424 微信公众平台服务器配置时,需要引入token,但是提交的时候总是提示to ...
- 使用NPOI导出Excel引发异常(IsReadOnly = “book.IsReadOnly”引发了类型“System.NotImplementedException”的异常)
前言: 本人调式npoi导入.导出试用成功后,引入到项目中,导入完美运行,但是导出怎么样都看不到现在的页面,而且浏览器和后台都没有报任务错误,让人好事纳闷,后来去调式,发现在除了一个IsReadOnl ...
- epoll 实现回射服务器
epoll是I/O复用模型中相对epoll和select更高效的实现对套接字管理的函数. epoll有两种模式 LT 和 ET 二者的差异在于 level-trigger 模式下只要某个 socket ...
- 【Unity与23种设计模式】原型模式(Prototype)
GoF中定义: "使用原型对象来产生指定类的对象,所以产生对象时,是使用复制原型对象来完成." Unity中 开发者可以组装游戏对象 它可以包括复杂的组件 组装好了之后,就可以将其 ...
- PHP开发中涉及到emoji表情的几种处理方法
最近几个月做微信开发比较多,存储微信昵称必不可少 可这万恶的微信支持emoji表情做昵称,这就有点蛋疼了 一般Mysql表设计时,都是用UTF8字符集的.把带有emoji的昵称字段往里面insert一 ...
- python web开发-flask中消息闪现flash的应用
Flash中的消息闪现,在官方的解释是用来给用户做出反馈.不过实际上这个功能只是一个记录消息的方法,在某一个请求中记录消息,在下一个请求中获取消息,然后做相应的处理,也就是说flask只存在于两个相邻 ...
- 关于移动端的UI事件分类
1. click事件 单击事件,类似于PC端的click,但在移动端中,连续click的触发有200ms ~ 300ms的延迟 2. touch类事件 触摸事件,有touchstart touchmo ...