开发笔记(1):创建IDE代码模板

创建vscode代码模板

• 在项目文件下创建并配置.vscode/share.code-snippets
  • scope: 仅限于枚举的文件类型内生效.
  • prefix: 输入前缀时生效.
  • body: 模板.
  • description: 描述.

{
  "Create Class": {
    "scope": "javascript, javascriptreact,typescript, typescriptreact",
    "prefix": "newClass",
    "body": [
      "import {} from 'lodash'",
      "",
      "export type T${1}Props = {}",
      "",
      "/**",
      " * @author ",
      " * @classdesc ",
      " */",
      "export class ${1} {",
      "  constructor(protected props:T${1}Props) { }",
      "}",
    ],
    "description": "create a class of typescript in file"
  },
  "Create Hook": {
    "scope": "javascript, javascriptreact,typescript, typescriptreact",
    "prefix": "newHook",
    "body": [
      "import { } from 'react'",
      "export type TUse${1} = () => any",
      "",
      "/**",
      " * @author ",
      " * @description ",
      " */",
      "export const use${1}: TUse${1} = () => {",
      "",
      "  return",
      "}"
    ],
    "description": "create a hook of react in file"
  },
}