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 ...
随机推荐
- 解决:安装oracle客户端,提示“oracle11g所选的主目录位于基目录外”
安装oracle客户端,第三步下一步的时候,提示"oracle11g所选的主目录位于基目录外": 默认 Oracle基目录:D:\app\xxx 原 软件位置:F:\p ...
- Scala编程快速入门系列(一)
目 录 一.Scala概述 二.Scala数据类型 三.Scala函数 四.Scala集合 五.Scala伴生对象 六.Scala trait 七.Actor 八.隐式转换与隐式参数 九.Sca ...
- JDK的安装和Java环境变量配置
所需工具:JDK 下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html
- VM及centOS系统安装
虚拟机安装linux及配置
- 51ak带你看MYSQL5.7源码2:编译现有的代码
从事DBA工作多年 MYSQL源码也是头一次接触 尝试记录下自己看MYSQL5.7源码的历程 目录: 51ak带你看MYSQL5.7源码1:main入口函数 51ak带你看MYSQL5.7源码2:编译 ...
- select子句和三种子查询
一.select子句 五种子句 Where.group by.having.order by.limit Where.group by.having.order by.limit运用的这个顺序不能变 ...
- 利用github协作开发步骤
项目使用IDEA开发,IDEA上可以加载很多的插件(而且下载很快),安装github插件,安装git 首先一个成员需要创建好代码库,这个代码库存放项目,所有的开发提交代码都是向这个库提交,在githu ...
- 笔记:Spring Cloud Ribbon 客户端配置详解
自动化配置 由于 Ribbon 中定义的每一个接口都有多种不同的策略实现,同时这些接口之间又有一定的依赖关系,Spring Cloud Ribbon 中的自动化配置能够很方便的自动化构建接口的具体实现 ...
- http.request的请求
var http=require('http'); var request=require('request'); var body = { "data":{ "id&q ...
- memcache 总结笔记
(一):基础概念 memcache是什么? Memcache 是一个高性能的分布式内存对象缓存系统,用于动态Web应用以减轻数据库负载.它通过在内存中缓存数据和对象来减少读取数据库的次数,从而提高动态 ...