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就是普通创建文件

原文地址:https://www.cnblogs.com/sengling/p/4966133.html