Mac下sublime的使用技巧小记

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语法没有写花括号的状况

}