goto特性:
command+p:快捷键
快速导航到需要找的那个页面,支持模糊匹配。可以输入路径(/),在css文件中,用goto anythings特性用@符号可以快速导航出这个页面中的所有的选择器。在js文件中@可以导航function。#:当前页面搜索元素
eg:public/css/bo@body
多行游标:
option+command+f:查找替换
command+d:多行游标的选择
command+k:跳过选择上的那行
command+shift+d:快速复制一行文本
shift+control+k:快速删除一行文本
命令模式:
command+shift+p:启动命令模式
隐藏显示minmap,或者改变文件的语法格式
command+enter:在当前行添加新的一行
command+shift+enter:在当前行的上一行添加一行
command+shift+v:在粘贴的过程中保持了缩进
command+[,command+{[,整体的缩进移动等
package control进行包管理。
package control:install…选择需要的插件进行安装。
在package controll 里搜索 Javascript & nodeJS snippets
简化代码的书写操作:eg:在代码区输入 gi则提示getElementById
相对路径创建新的文件:插件:advancedNewFile插件,快捷键:command+option+n
辅助技巧:httpRequest
下载插件http Requester
alt+ctrl+r:查看服务器响应的内容
node.js代码:
在sublime text编辑器内部来实现服务器端服务器响应的测试:
下载插件:
下载完成之后,使用注解的方式:
如:
//localhost:3000/users/
选择注解的文字--->alt+ctrl+r就可以看到服务器端服务器响应的结果了。
模拟post请求,在以前需要写一个表单模拟,不利于开发
不需要前端表单的情况下来模拟post请求:
找到httprequest官方网站(https://github.com/braindamageinc/SublimeHttpRequester)找到post请求需要的参数。
开发中辅助技巧:sidebarenhancement
在sublime text3中如何实现在浏览器中打开我们想要浏览的html文件?
步骤:
1)ctrl+shfit+p-->输入pcip回车-->sidebarenhancement
回车即可
2)点击x.html右键选择open in browser-->选择相应的浏览器即可在浏览器打开该文件。
快速补充注释插件:Dockblockr插件
1.输入/*按Enter 补充行注释或选中按热键Ctrl+/
2.输入/**按Enter,补充多行注释,或选中后热键Ctrl+shift+/
3.在写好的函数上方输入/**按Tab键,自动补充函数说明格式
使用lint进行语法及风格校验
jshint可以统一编码风格。
安装jshint的步骤:
1)ctrl+shift+p打开命令模式--->输入pcip回车--->输入sublimelinter回车(是总体框架,如果需要对js进行校验的话,还需要安装针对js的校验插件,其中有两套js校验插件,分别是jslint,jshint,其中jshint是最流行的,此处也是安装jshint为主)--->ctrl+shift+p--->输入sublimelinter-jshint回车进行安装--->下载node.js进行安装(因为用命令方式安装jshint插件用到npw install(node版本库),到node.js官网下载node-v6.2.0-x64.msi并且点击安装,安装完成之后--->需要在命令行安装jshint,命令代码时:npw install -g jshint。
如果没有安装node的话,那么npw命令就是无效的。
注意:在sublime text使用sublimelinter jshint,那么jshint版本必须大于2.4。
jshint文档网址:jshint.com/docs/options/
如何在js中使用校验呢?步骤如下:
1)ctrl+alt+n打开一个新文件--->切换到js语法模式--->如果用户在js文件上写上var x=123后面却没有分号的话,那么该行的左边就会有个黄色的圆点进行提示用户,这里需要加上分号。如果在js中定义一个数值,一个字符串,虽然这两个值相同,但是类型不同,一个数值型,另一个是字符串类型,所以要判断这两个变量是否相等就需要用到三等于了,但是如果我们不小心写少了一个等号的话,就很难察觉了,为了避免这种情况的发生,我们需要自定义校验,自定义校验的步骤如下:
定义一个名称为.jshintrc的配置文件,该文件里面的内容是json格式的,内容如下:
{
"eqeqeq":true,//校验三等的情况
"curly":true//校验if,for语法没有写花括号的情况
}