React vscode 开发插件与代码补全提示

2023-04-05 7,504 阅读1分钟

一、`开发基本插件` 与 `代码补全提示`

安装代码提示插件 Reactjs code snippets。
按住 ctrl + , 或 command + , 进入设置输入 @tag:usesOnlineServices，勾选：

也可以直接在 setting.json 中添加添加配置：
```
"typescript.disableAutomaticTypeAcquisition": true,
```
JSX html 无自动补全，进入设置输入 Include Languages，添加键值对：

也可以直接在 setting.json 中添加添加配置：
```
"emmet.includeLanguages": {
    "javascript": "javascriptreact"
}
```
组件无自动补全，进入设置输入 Trigger Expansion On Tab，勾选：

也可以直接在 setting.json 中添加添加配置：
```
"emmet.triggerExpansionOnTab": true,
```

二、配置到这里也就能正常开发了！下面在列几个辅助插件

React Redux ES6 Snippets
Typescript React code snippets
错误提示插件 Error Lens，写代码过程中会及时反馈错误信息