ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

BEMJSON代码片段

作者： 1vank1n 全部

为Sublime Text (2 || 3)提供的BEMJSON代码片段

标签 代码片段

详细信息

  • 0.0.3
  • github.com
  • github.com
  • 9年前
  • 54分钟前
  • 9年前

安装

  • 总计 1K
  • Win 776
  • Mac 282
  • Linux 171
2023年8月6日 2023年8月5日 2023年8月4日 2023年8月3日 2023年8月2日 2023年8月1日 2023年7月31日 2023年7月30日 2023年7月29日 2023年7月28日 2023年7月27日 2023年7月26日 2023年7月25日 2023年7月24日 2023年7月23日 2023年7月22日 2023年7月21日 2023年7月20日 2023年7月19日 2023年7月18日 2023年7月17日 2023年7月16日 2023年7月15日 2023年7月14日 2023年7月13日 2023年7月12日 2023年7月11日 2023年7月10日 2023年7月9日 2023年7月8日 2023年7月7日 2023年7月6日 2023年7月5日 2023年7月4日 2023年7月3日 2023年7月2日 2023年7月1日 2023年6月30日 2023年6月29日 2023年6月28日 2023年6月27日 2023年6月26日 2023年6月25日 2023年6月24日 2023年6月23日
Windows 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 2
Mac 1 1 0 0 0 0 0 0 1 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

README

源码
raw.githubusercontent.com

为Sublime提供的BEMJSON代码片段

更快地编写BEMJSON。

安装

将sublime-directory\Data\Packages\User中的文件复制

用法

块

b – BEM块

{
    block : '${1:name}',
    content : [
        $0
    ]
}

btc - 带文本内容的BEM块

{
    block : '${1:name}',
    content : '$0'
}

bwm - 带修饰符的BEM块

{
    block : '${1:name}',
    mods: { ${2:modName}: '${3:modVal}' },
    content : [
        $0
    ]
}

bwt - 带标签修饰符的BEM块

{
    block : '$1',
    tag : '$2',
    content : [
        $0
    ]
}

bfc - 带函数内容的BEM块

{
    block : '$1',
    content : (function () {
        return $0;
    })()
}

元素

e - BEM元素

{
    elem : '$1',
    content : [
        $0
    ]
}

etc - 带文本内容的BEM元素

{
    elem : '$1',
    content : '$0'
}

ewt - 带标签修饰符的BEM元素

{
    elem : '$1',
    tag : '$2',
    content : [
        $0
    ]
}

efc - 带函数内容的BEM元素

{
    elem : '$1',
    content : (function () {
        return $0;
    })()
}

bundle - bemjson文件模板

([
    {
        block: 'b-page',
        mods: {theme: 'normal'},
        title: 'title',
        head: [
            {elem: 'css', url: '.css'},
        ],
        content: [
            {
                block : '',
                content : [

                ]
            }
        ]
    }
]);

修饰符

t - BEM标签修饰符

tag : '$1',

js – BEM JS修饰符

js : { $1 : '$2' },

mo - BEM修饰符修饰符

mods : { $1 : '$2' },

mi - BEM混合修饰符

mix : [ { $1 : '$2' } ],

a - BEM属性修饰符

attrs : { $1 : '$2' },

链接

对于ATOM用户 = atom-bemjson-snippets

贡献者

@1vank1n @campykid @vkhv