vs code 自定义代码片段,实现快捷输入

1.步骤:

打开vs code编辑器>文件(F)>首选项>用户片段>新建全局代码片段文件>输入代码片段(下面有代码)

vs code 自定义代码片段,实现快捷输入_第1张图片
然后新建代码片段
vs code 自定义代码片段,实现快捷输入_第2张图片

代码片段:

  // 代码片段 其他的片段 大同小异
  {
    "react": {//该代码片段的语言
      "prefix": "react", // 触发的关键字 输入react按下tab键 会提示react关键字
      "body": [
        "import React from 'react'",
        "",
        "const View = () =>{",
        "   return(",
        "     
"
, " )", "}", "", "export default View;" ], "description": "react components"//片段说明 } }

body:[ ] 里面的内容自定义就可以了
保存完之后在编辑器输入 关键字(react) 就有提示 ,回车即可

你可能感兴趣的:(vs,code,react)