vscode使用代码片段

使用代码片段（Snippets）
VSCode 用户

如果使用 Visual Studio Code，可以通过安装扩展来获得代码片段。这些扩展通常提供各种模板来加快开发速度。

React Snippets: 安装热门的扩展，比如 ES7+ React/Redux/React-Native snippets。安装后，您可以使用例如 rafce 来生成箭头函数组件的模板。
输入 rafce 然后按下 Tab 键，会自动生成标准的 React 箭头函数组件模板。
自定义代码片段

您也可以在 VSCode 等编辑器中自定义您的代码片段：

打开命令板（Ctrl+Shift+P 或 Cmd+Shift+P）。

搜索并选择 “Preferences: Configure User Snippets”。

选择 JavaScript 或 TypeScript（根据您的项目）。

在 JSON 文件中添加一个自定义代码片段，例如：

“usedOften React Functional Component 命名导出”: {
“prefix”: “rafcr”,
“body”: [
“import React from ‘react’;”,
“export const ${1:ComponentName}: React.FC = () => {“,
“\treturn (“,
“\t\t

“,
“\t);”,
“};”
],
“description”: “Create a React functional component with TypeScript 命名导出”
},
“usedOften React 默认导出”: {
“prefix”: “rafcd”,
“body”: [
“import React from ‘react’;”,
“const ${1:ComponentName}: React.FC = () => {“,
“\treturn (“,
“\t\t

“,
“\t);”,
“};”,
“export default ${1:ComponentName};”
],
“description”: “Create a React functional component with TypeScript 默认导出”
},