atom 快速编写html,Atom 编辑器自定义代码段(snippet)
snippet 是一种强大到令人难以置信的代码生成方式,它可以通过快捷方式快速生成常用代码。
1. Atom 语言包提供的代码段
许多 Core 包和 Community 包都捆绑了它们自带的代码段,这些代码段只能用于它们自身。例如,language-html 包就为 HTML 语法高亮和语法提供了支持,并且带有很多代码段;类似的还有:language-java、language-javascript、language-php等语言包。
2. 自定义的代码段
(1)通过 File > Snippets 菜单,打开snippets.cson文件。修改之后,只要保存了文件,Atom 就会重新加载这个文件,就可以立即使用了。
(2)自定义代码段的基本格式(有趣的是,你可以使用snip快速生成代码段模板)
'.source.js':
'console.log':
'prefix': 'log'
'body': 'console.log(${1:"crash"});$2'
① 最左边的键是选择器,表明这些代码段在哪些文件中才能生效。要想知道这个键的值,最简单的方法就是:进入代码段语言所对应的语言包中,查看 Scope 字符串。(注意:键值就是 . + Scope)
Paste_Image.png
Paste_Image.png
② 下一层的键是代码段名称,用于在代码段菜单中以一种更加易读的方式描述代码段。你可以自由命名。
③ 代码段名称之后,便是 可以出发代码段的 prefix 和 当代码段被触发时将要插入的代码 body
④ 每一个带有数字的 $ 就是一个 tab 键驻留位置。只要代码段被触发,便可以通过 Tab 键遍历这些 tab 驻留位置
具有相同数字的 tab 驻留位置 将会创建多个光标
上面例子中的 crash 字符串会在开始时被选中
另外,可以使用 CoffeeScript 多行语法的 """ 来创建长模板。
'.text.html.basic':
'html':
'prefix': 'html'
'body': """
${1:title}
$2
"""
atom 快速编写html,Atom 编辑器自定义代码段(snippet)相关推荐
- VS2008中代码段(Snippet)及代码段编辑
网上资源零碎,主要是整理下. 整理的是主要核心内容,完整内容可以看后面标注的原文链接. 代码段是什么 <VS2008中代码段(Snippet)的功能> 在VS2008中,提供了代码段(Sn ...
- Atom飞行手册翻译: 2.6 代码段
代码段 代码段是一个非常有效的工具,可以从一个快捷方式中快速生成常用的代码语法. 这就是说,你可以输入一些类似于habtm的东西,然后按下回车键,他就会扩展为has_and_belongs_to_ma ...
- pycharm自定义代码段
PyCharm使用技巧:Live Templates(快速输入自定义代码片段):链接 转载于:https://www.cnblogs.com/plf-Jack/p/11230856.html
- 配置 --- vscode自定义代码段Snippets
目标 在vscode中输入vbs-vue 然后产生一个自己想要的模板 写好模板 在线上写好模板 传送门: https://snippet-generator.app/ 1是标题,对应 2是前缀.对应在 ...
- 懒惰的人有福了——VS代码段编辑器SnippetEditor 可对vs所有代码段进行编辑和创建包括C#\J#\VB.NET等...
这个版本不仅支持VS2005.2008而且还支持VS2010的代码段编辑 启动画面虽然是写着VB 代码段 但是仍旧支持C#与其它语言的代码段包括J#\VB.NET\xml\html等的创建.编辑修改等 ...
- appcode创建CodeSnippets像xcode那样的自定义代码片段和导出方法
appcode创建自定义代码片段CodeSnippets 创建自定义代码段 导出方法 用了一下appcode但是以前xcode里面保存了大量的自定义代码段在这里不能用,所以今天记录总结一下 app c ...
- Xcode12.5的自定义代码块的使用和函数注释(学会事半功倍)
Xcode12.5的自定义代码块的使用和函数注释(学会事半功倍) 第一篇 快捷键的定义 @property (nonatomic , strong) <#type#> <#name# ...
- sql azure 语法_Azure Data Studio中SQL代码段
sql azure 语法 This article will fully cover the code snippet SQL developer productivity feature in Az ...
- Visual Studio 设置快捷代码段
什么是快捷代码段: 例如: 只需要输入mst后按一下TAB就会自动生成代码memset(str, 0, sizeof(str));,只需要输入Pow就可以自动生成一个快速幂函数等等,非常方便快捷,一定 ...
最新文章
- -lt -gt -ge -le -eq的意义
- modernizr 支持html5,使用modernizr.js检测浏览器对html5以及css3的支持情况
- 安装Exchange2013,FMS服务无法达到启动状态
- POJ 2887 Big String
- JUnit 5扩展模型的生命周期
- LeetCode 28. 实现 strStr() (java)
- 吴恩达《卷积神经网络》
- 数据结构知识点大汇总(三)
- SQL中PIVOT 使用
- 遇到不可重现问题怎么办
- 设计模式系列 - 装饰器模式
- 使用wps插件,实现word转PDF
- Java程序员简历书写
- 三农数据(1990-2020)七:农村居民家庭生产现金支出、农村固定资产构成、固定资产投向
- TextpatternCMS安装插件时可以安装后门导致getshell
- DAY64 Django基础1
- 异常处理·EF·准备命令定义时发生错误。有关详细信息,请参阅内部异常
- SysY文法编译器前端设计实现
- C语言100题练习计划 32——猜数字游戏
- LaTeX无图片编号
热门文章
- 对虚拟目录的操作(转)
- sharepoint 添加解决方案 遇到的问题
- 最大化BEA WebLogic Cluster的性能、可用性和安全
- Java(六)字符串,StringBuilder,String操作,格式化输出
- 女神节,来聊聊这几位神一般的“程序媛”
- LwIP之netbuf
- python numpy 生成矩阵_Python numpy生成矩阵、串联矩阵代码分享
- python管理系统web版_【程序源代码】python web 管理系统开发框架
- 如何让手机1秒打开健康码 ,任何机型!
- 面试官最常问的垃圾回收器CMS