zoukankan      html  css  js  c++  java
  • 让 .vue 支持 atom

    Tab key

    Currently, Emmet expands abbreviations by Tab key only for HTML, CSS, Sass/SCSS and LESS syntaxes. Tab handler scope is limited because it overrides default snippets.

    If you want to make Emmet expand abbreviations with Tab key for other syntaxes, you can do the following:

    1. Use Open Your Keymap menu item to open your custom keymap.cson file.
    2. Add the following section into it:
    'atom-text-editor[data-grammar="YOUR GRAMMAR HERE"]:not([mini])':
        'tab': 'emmet:expand-abbreviation-with-tab'

    Replace YOUR GRAMMAR HERE with actual grammar attribute value. The easiest way to get grammar name of currently opened editor is to open DevTools and find corresponding <atom-text-editor> element: it will contain data-grammar attribute with value you need. For example, for HTML syntax it’s a text html basic.

    You can add as many sections as you like for different syntaxes. Note that default snippets will no longer work, but you can add your own snippets in Emmet.

    // github 上的官方文档说,修改  keymap.cson 即可。此文件在window下的目录是 atomapp-xxxxx esourcesappdot-atomkeymap.cson ,完后,在最后一行添加即可。

    不过我在使用中也不是很好,比如说   div.test 就不能生成带class的div,只能是纯标签。所以,在非 html,我一般用 ctrl +e

    'atom-text-editor[data-grammar="vue"]:not([mini])':
        'tab': 'emmet:expand-abbreviation-with-tab'
    

      

  • 相关阅读:
    洛谷P1724 东风谷早苗
    hdu 1001 Sum Problem
    洛谷 P1006 传纸条
    codevs 6116 区间素数
    LibreOJ #101. 最大流
    洛谷 P1455 搭配购买
    LibreOJ #119. 最短路 (堆优化dijkstra)
    LibreOJ #109. 并查集
    COGS.1200 ganggang的烦恼
    uoj #15. 【NOIP2014】生活大爆炸版石头剪刀布
  • 原文地址:https://www.cnblogs.com/Tachi/p/6527977.html
Copyright © 2011-2022 走看看