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

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

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

  • 安装代码提示插件 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,写代码过程中会及时反馈错误信息


相关文章
|
9天前
|
前端开发 JavaScript API
React开发需要了解的10个库
本文首发于微信公众号“前端徐徐”,介绍了React及其常用库。React是由Meta开发的JavaScript库,用于构建动态用户界面,广泛应用于Facebook、Instagram等知名网站。文章详细讲解了Axios、Formik、React Helmet、React-Redux、React Router DOM、Dotenv、ESLint、Storybook、Framer Motion和React Bootstrap等库的使用方法和应用场景,帮助开发者提升开发效率和代码质量。
39 4
React开发需要了解的10个库
|
1天前
|
自然语言处理 JavaScript 开发者
通义灵码插件:VSCode 的智能编程助手
通义灵码插件:VSCode 的智能编程助手
16 3
|
6天前
|
网络安全 Docker 容器
VScode远程服务器之远程 远程容器 进行开发(五)
VScode远程服务器之远程 远程容器 进行开发(五)
15 1
|
6天前
|
IDE 开发工具
Vscode的远程开发之VScode优势(一)
Vscode的远程开发之VScode优势(一)
11 1
|
13天前
|
前端开发 JavaScript 开发者
React 组件化开发最佳实践
【10月更文挑战第4天】React 组件化开发最佳实践
37 4
|
3天前
|
前端开发 JavaScript 编译器
2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
【10月更文挑战第10天】2024最新VSCode实用插件推荐,开发效率遥遥领先!超全面,快收藏~
11 0
|
6天前
|
Kubernetes 网络安全 容器
VScode远程服务器进行开发(三)
VScode远程服务器进行开发(三)
15 0
|
6天前
|
Linux 网络安全 Windows
VScode远程开发之remote 远程开发(二)
VScode远程开发之remote 远程开发(二)
14 0
|
1月前
|
XML 移动开发 前端开发
使用duxapp开发 React Native App 事半功倍
对于Taro的壳子,或者原生React Native,都会存在 `android` `ios`这两个文件夹,而在duxapp中,这些文件夹的内容是自动生成的,那么对于需要在这些文件夹中修改的配置内容,例如包名、版本号、新架构开关等,都通过配置文件的方式配置了,而不需要需修改具体的文件
|
1月前
|
资源调度 JavaScript 前端开发
使用vite+react+ts+Ant Design开发后台管理项目(二)
使用vite+react+ts+Ant Design开发后台管理项目(二)