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,写代码过程中会及时反馈错误信息


相关文章
|
13天前
|
iOS开发 MacOS
【Mac系统】解决Vscode中LeetCode插件不能刷剑指offer题库
文章讨论了解决Mac系统中Vscode里LeetCode插件无法刷剑指Offer题库的问题,并提供了一些相关的使用技巧和资源链接。
38 1
|
4天前
|
设计模式 存储 前端开发
React开发设计模式及原则概念问题之自定义Hooks的作用是什么,自定义Hooks设计时要遵循什么原则呢
React开发设计模式及原则概念问题之自定义Hooks的作用是什么,自定义Hooks设计时要遵循什么原则呢
|
1月前
|
前端开发 JavaScript 安全
TypeScript在React Hooks中的应用:提升React开发的类型安全与可维护性
【7月更文挑战第17天】TypeScript在React Hooks中的应用极大地提升了React应用的类型安全性和可维护性。通过为状态、依赖项和自定义Hooks指定明确的类型,开发者可以编写更加健壮、易于理解和维护的代码。随着React和TypeScript的不断发展,结合两者的优势将成为构建现代Web应用的标准做法。
|
7天前
|
移动开发 前端开发 JavaScript
"跨界大战!React Native、Weex、Flutter:三大混合开发王者正面交锋,揭秘谁才是你移动应用开发的终极利器?"
【8月更文挑战第12天】随着移动应用开发的需求日益增长,高效构建跨平台应用成为关键。React Native、Weex与Flutter作为主流混合开发框架各具特色。React Native依托Facebook的强大支持,以接近原生的性能和丰富的组件库著称;Weex由阿里巴巴开发,性能优越尤其在大数据处理上表现突出;Flutter则凭借Google的支持及独特的Dart语言和Skia渲染引擎,提供出色的定制能力和开发效率。选择时需考量项目特性、团队技能及生态系统的成熟度。希望本文对比能助你做出最佳决策。
28 1
|
7天前
|
前端开发
React——开发调式工具安装【五】
React——开发调式工具安装【五】
12 0
React——开发调式工具安装【五】
|
4天前
|
设计模式 前端开发 JavaScript
React开发设计模式及原则概念问题之什么是HOC(Higher-order component),HOC遵循的设计原则都有哪些
React开发设计模式及原则概念问题之什么是HOC(Higher-order component),HOC遵循的设计原则都有哪些
|
4天前
|
设计模式 前端开发 JavaScript
React开发设计模式及原则概念问题之什么是设计模式,单一职责原则如何理解
React开发设计模式及原则概念问题之什么是设计模式,单一职责原则如何理解
|
6天前
vscode——Prettier插件保存自动格式化
vscode——Prettier插件保存自动格式化
13 0
|
14天前
|
JavaScript Linux iOS开发
【Mac系统】Vscode使用LeetCode插件报错‘leetcode.toggleLeetCodeCn‘ not found
在Mac系统下使用VSCode的LeetCode插件时遇到“leetcode.toggleleetcodecn”命令找不到的错误解决方法,主要是通过从Nodejs官网下载并安装最新版本的Node.js来解决环境配置问题。
34 0
|
1月前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
85 3

热门文章

最新文章