ITKeyword,专注技术干货聚合推荐

注册 | 登录

ATOM基础教程一ATOM自定义代码片段(8)

zsl10 分享于

2020腾讯云双十一活动,全年最低!!!(领取3500元代金券),
地址https://cloud.tencent.com/act/cps/redirect?redirect=1073

2020阿里云最低价产品入口,含代金券(新老用户有优惠),
地址https://www.aliyun.com/minisite/goods

推荐:ATOM基础教程一ATOM自定义编辑器外观(9)

简介 Atom 的每一个窗口实际上都是一个本地渲染的网页,整个Atom的界面,可以理解成 HTML 的 DOM 树结构,因此可以使用CSS自定义编辑器的外观。 自定义编辑器外观

简介 ATOM提供了自定义代码片段的功能,打开设置菜单,点击snippets即可进入snippets.cson文件进行自定义代码片段。 代码片段格式 '.选择器':

'代码片段描述':

'prefix':'字母组合'

'body': '输出的代码片段' 选择器指定了自定义的代码片段将在哪种语言环境下生效,选择器的名称对应的语言包的Scope字符串值,可以在ATOM编辑器查找每个语言包对应的选择器名称,php语言包如下: 同理js语言包如下: 自定义代码片段实例 1、自定义单行代码片段 自定义php常用的代码片段如下, var_dump();die; 配置snippets.cson文件: '.text.html.php'://选择器名称前要加.

'dump':

'prefix':'vp'

'body': 'var_dump(${1});di

推荐:ATOM基础教程一ATOM插件(3)

ATOM插件简单介绍

ATOM编辑器将插件放在了核心的地位,使用CoffeeScript即可开发自己喜欢的插件,降低了插件开发的门槛,在github社区很受欢迎,目前插件更

e;$2' 演示: 2、自定义多行代码片段 自定义js常用的代码片段,配置snippets.cson文件,如下: '.source.js': //js的Scope值

'ajax basic':

'prefix':'ax'

'body': ''' //使用三个引号将多行代码片段包裹 $.ajax({ url: $1, data: {$2}, dataType: 'json', cache: false, success: function(data) { $3 } error: function(xhr, status, err) { $4 } }); ''' 演示: 自定义代码片段注意点 自定义代码片段是在文件Snippets.cson下设置的,因此要遵循CSON文件的语法,即键不能重复,可参考这篇文章ATOM基础教程一ATOM按键绑定(6)的注意事项。

推荐:ATOM基础教程一ATOM代码片段snippets(7)

简介 代码片段指的是将经常使用的代码通过输入字母组合以及按下TAB键即可快速生成,代码片段是ATOM编辑器提供的非常实用的功能,ATOM在自带的语言包里面预先封装

简介 ATOM提供了自定义代码片段的功能,打开设置菜单,点击snippets即可进入snippets.cson文件进行自定义代码片段。 代码片段格式 '.选择器': '代码片段描述': 'prefix':'字母组合'

相关阅读排行


相关内容推荐

最新文章

×

×

请激活账号

为了能正常使用评论、编辑功能及以后陆续为用户提供的其他产品,请激活账号。

您的注册邮箱: 修改

重新发送激活邮件 进入我的邮箱

如果您没有收到激活邮件,请注意检查垃圾箱。