Mac下sublime的使用技巧小记

不羁岁月 提交于 2020-02-29 03:10:21

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

}

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!