sublime text 3 技巧

sublime text 技巧

学习目的:熟悉sublime快捷键和功能,改进自己的工作方式。
学习流程:先把视频中涉及到的技巧记录下,再完整的看一遍所有的菜单和功能。

前端开发工具技巧介绍—Sublime篇

ctrl+enter: 新建下一行
ctrl+p: 找文件

@很神奇;#文本 可以快速进行文件内文本匹配,输入也可以模糊输入

view: open files,这个真不错。
ctrl+D: 选择多个,ctrl+k ctrl+D跳过当前的;alt+F3选择全部的(mac下不行)。
拆行:ctrl+A ctrl+shift+L
拖动:中键= ctrl+左键

更改文件显示模式:ctrl+shift+p, set js
切换minimap:使用ctrl+shift+p
emmet:

! ctrl(mac ctrl)+E,生成一整段的html5结构;ctrl+E是触发emmet 看下emmet的功能

闭合标签:alt+.(mac下不行,用emmet)
缩进:ctrl+] ctrl+[
粘贴的时候保持缩进:ctrl+shift+v

packages control官网

使用snippet创建一个函数,结合tab很方便。
自带了一些snippet: 命令模式 或者 编辑区中。都有哪些 fun if prop(mac下不行)
js & node snippet 好好看下
jquery

get

insert callback 插入回调 不会有; alt+C

advancefile ctrl+alt+n 创建文件比较快

http request alt+ctrl+R 发起请求,测试接口;

// post 请求的格式
POST localhost:3000/search
Content-type: application/x-www-form-urlencoded
POST_BODY:
variable1=avalue&variable2=1234&variable3=anothervalue

nettus+fetch 下载文件 ctrl+shift+p fetch:manage; 添加需要下载的; ctrl+shift+p fetch:file

docblockr 添加注释 /*; /; / tab;

风格校验 sublimeLinter; sublimelinter-jshint; npm install -g jshint;
jshint

posted on 2016-08-07 17:32  j.w  阅读(159)  评论(0编辑  收藏  举报