/fe-snippets

前端常用代码片段

前端常用代码片段 README

什么是代码片段

代码片段（Code Snippets），指的是一些使用率很高的代码模板，可以是固定的内容（比如文件头的版权声明），或者是可以修改的预定义模板，比如for、while循环的模板。 通过Snippet，输入特定的关键词，就可以在代码段引擎的帮助下，生成预定义的模板代码，接着我们还可以通过在预定义的光标位置之间跳转，来修改补全模板，得到我们最终想要的代码。

Features

此插件提供了前端开发尤其是React开发过程中的常用片段。

SNIPPETS 列表

  • im Import Module
  • cl Fast Console
  • np New Page
  • ne New Element
  • ni New Interface
  • nr New Request 与 @zycfc/zycfc-request 包耦合较强
  • ed Export Default
  • ue useEffect

使用方法

安装插件后，或重启 vscode ，或直接在新打开的窗口中使用。 打开后缀为 .js .jsx .ts .tsx 的文件，输入上面列表中的快捷键后按 TAB 键插入代码片段。在代码片段中可以继续按 TAB 键切换光标位置。如图所示。

DEMO

Release Notes

0.0.3

  • 完善文档

0.0.2

  • 增加ICON
  • 将最低VSCODE版本改为1.45.0

0.0.1

  • 项目初始化

Enjoy! :octocat: