您的位置:58编程 > atom代码编辑器 Atom JQ 代码片段补全

atom代码编辑器 Atom JQ 代码片段补全

2023-03-15 14:33 Atom教程

atom代码编辑器 Atom JQ 代码片段补全

atom代码编辑器

Atom是一款由Github开发的免费开源的代码编辑器,它是一个跨平台的应用,可以在Windows、Mac OS X和Linux上运行。Atom是一款功能强大的文本编辑器,它拥有众多的特性,如代码补全、语法高亮、文件对比、多标签页浏览、代码片段、代码格式化、快速打开文件夹、Git集成等。

Atom的界面很友好,它采用了Chrome浏览器的内核,因此界面看上去很像Chrome浏览器。Atom也有一个丰富的扩展库,你可以在里面找到各种各样的扩展来帮助你实现你想要的功能。例如:你可以使用Emmet来快速生成HTML代码;使用Autoprefixer来自动补充CSS前缀;使用Linter来检测语法错误。

// 使用Emmet生成HTML代码
div.container>ul.list>li*3

Atom JQ 代码片段补全

JQ 代码片段补全

题外话

一款好的代码片段插件可以提高我们写代码的效率。这是一个不争的事实;今天,我要推荐的这一款,就是可以快速写 JQ 的插件。

Jquery-snippets

下载地址:https://atom.io/packages/jquery-snippets

插件作者: james2doyle

最简易的安装方式,进入设置中心搜索 Jquery-snippets ->install即可

似乎不能即时生效,重启下 atom 程序就生效了

snippet 事件

注: 像 slideDown,click 这些也涵盖了….但是作者木有列出来。

  • $
  • $ajaxSend
  • $ajaxSetup
  • $ajaxStart
  • $ajaxStop
  • $ajaxSuccess
  • $boxModel
  • $browser-version
  • $browser
  • $each
  • $extend
  • $get
  • $getScript
  • $holdReady
  • $inArray
  • $isEmptyObject
  • $isNumeric
  • $isPlainObject
  • $isWindow
  • $map
  • $merge
  • $noop
  • $now
  • $parseJSON
  • $parseXML
  • $post
  • $sub
  • $trim
  • $type
  • $unique
  • $when
  • add
  • addback
  • addClass
  • after
  • ajax
  • ajaxComplete
  • ajaxError
  • andSelf
  • animate-(with-callback)
  • animate
  • append
  • appendTo
  • attr-multiple
  • attr
  • before
  • bind
  • blur
  • change
  • children
  • clearqueue
  • click
  • clone
  • closest
  • contains
  • contents
  • css-multiple
  • css
  • data
  • dblclick
  • delay
  • delegate
  • dequeue
  • die
  • document-ready-1
  • document-ready-2
  • document-ready
  • each
  • end
  • eq
  • error
  • fadeIn
  • fadeOut
  • fadeTo
  • fadeToggle
  • filter-function
  • filter
  • find
  • finish
  • first
  • focus
  • focusin
  • focusout
  • get
  • getJSON
  • has
  • hasClass
  • height
  • hide
  • hover
  • html
  • index
  • innerHeight
  • innerWidth
  • insertAfter
  • insertBefore
  • is
  • keydown
  • keypress
  • keyup
  • last
  • live
  • load
  • loadAHAH
  • map
  • mousedown
  • mouseenter
  • mouseleave
  • mousemove
  • mouseout
  • mouseover
  • mouseup
  • next
  • nextAll
  • nextUntil
  • not
  • off
  • offset (function)
  • offset
  • offsetParent
  • on
  • one
  • outerHeight
  • outerWidth
  • parent
  • parents
  • parentsUntil
  • prepend
  • prependTo
  • prev
  • prevAll
  • prevUntil
  • promise
  • prop
  • prop(map)
  • reject
  • remove
  • removeAttr
  • removeClass
  • removeData
  • removeprop
  • replaceAll
  • replaceWith
  • reset
  • resize
  • resolve
  • resolveWith
  • scroll
  • scrollLeft
  • scrollTop
  • select
  • serialize
  • serializeArray
  • show
  • siblings
  • size
  • slice
  • slideDown
  • slideToggle
  • slideUp
  • stop
  • submit
  • text
  • then
  • this
  • toArray
  • toggle-showHide
  • toggleClass
  • toggleEvent
  • trigger
  • triggerHandler
  • unbind
  • undelegate
  • unwrap
  • val
  • width
  • wrap
  • wrapAll
  • wrapInner

简易演示

输入 snippet 简写,tab 键或者 Ente r触发补全,我就演示几个,其他小伙伴自己折腾。

代码片段内含简单的占位解释字符,简直就是模版,连手册都省了[对于用习惯的人来说]

默认编辑位置会出现在第一个参数的单引号内部,省去了选中删除的功夫,很实在。

基本涵盖了 JQ 的所有方法和事件。

ajax : ajax 请求

slideDown: 下拉动画效果

toggleClass: 切换生效增加类

阅读全文
以上是58编程为你收集整理的atom代码编辑器 Atom JQ 代码片段补全全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS