vs code开发react,用什么插件比较好?

1个回答

写回答

Zhouy926940

2026-01-01 04:46

+ 关注

微软
微软

在使用VSCode开发React-Native时,选择使用简洁、流畅的编辑器是明智之举。微软官方还提供了React Native Tools插件,该插件支持代码高亮、调试和代码提示等功能,并且VSCode本身具有优秀的代码跳转能力。然而,在我的尝试中,我发现此插件未能正常为我的代码提供正确的提示功能,右下角也没有显示salsa。最终解决了这个问题后,我找到了替代解决方案。以下是一些推荐的VSCode插件:1. Auto Close Tag:自动闭合HTML标签2. Auto Import typescript:自动import typescript类型提示3. Auto Rename Tag:自动修改匹配的HTML标签4. Beautify CSS/ SASS/ LESS:美化CSS、SASS和LESS格式化5. Better Comments:编写更人性化的注释6. Bookmarks:添加行书签7. Can I Use...:浏览器兼容性检查工具8. Co-Working Tools:协同开发工具(支持大量语言,包括Node.JS)9. Code Spellchecker:单词拼写检查工具10. CodeBeautify:美化代码高亮显示功能11. Color Highlight:根据颜色值高亮显示代码12.Color Info:小窗口显示颜色值(包括rgb,hsl,cmyk,hex等)13.Color Picker:可选择色板颜色14.Document This:生成注释文档15.ESLint:语法高亮提示插件16.EditorConfig for VS Code:编辑器配置插件17.Emoji:在代码中输入表情符号18.File Peek:根据路径字符串快速定位到文件19.Font-awesome CSS Class Completion:提供Font-awesome类名提示20.Git Blame:在状态栏显示当前行的Git信息21.Git History (git log):查看git log22.GitLens:显示文件最近的commit和作者,以及当前行commit信息23.Guides:高亮显示缩进基准线24.Gulp Snippets:提供Gulp代码段25.HTML CSS Class Completion:提供HTML/CSS类名提示26.HTML Class Support:支持使用Vue等框架的HTML代码格式化27.HTMLHint:格式化HTML代码28.htmltagwrap:方便包裹HTML标签29.Import Cost:行内显示导入(import/require)的包大小信息30.Indenticator:缩进高亮31.IntelliSense for CSS Class Names:CSS类输入提示插件32.JS(E6) Code Snippets(E6语法):提供E6语法代码段33.JS Standard Style:采用标准的JS编码风格34.JSedata:将ES6数据类型转化为类型提示信息35.JSLint:JS语法检查插件36.Lodash Code Snippets:提供Lodash代码段37.Log Wrapper:在编辑器中显示选中变量的值信息38.MochaSnippets:提供Mocha测试用例提示39.Node Modules Resolve:快速导航到Node模块40.Code Outline:显示代码结构树的功能41.Output Colorizer:彩色输出信息插件42.Partial Diff:对比两段代码或文件43.Path Autocomplete:路径完成提示插件44.Path Intellisense:另一个路径完成提示插件45.PostCSS Sorting:对CSS文件进行格式化和压缩操作46.Prettify JSON:格式化JSON数据47.Project Manager:快速切换项目功能48.Quokka.JS:不需要手动运行,行内显示变量结果功能49.Reaction Native Storybooks:为编辑器提供反应模板预览环境50.Reaction Play Ground:为编辑器提供React组件运行环境,方便调试功能51 react-standard-style Code Snippets: 提供react标准风格代码块的功能。52 Sass:提供了对Sass语法的支持。53 typescript IntelliSense:提供 typescript 实时 完整代码提示。54 TS-Lint: typescript 语法检查插件。55 Test Storybook Previews: 为编辑器提供测试故事板预览功能。56. TSLint: typescript 语法检查插件。57. Test Spec Generator: 测试用例生成(支持chAI、should、jasmine)。58. typescript Class Names Completion: 提供 typescript 类名提示插件59. typescript Class Names Completion: 提供 typescript 类名提示插件60. typescript Class Names Completion: 提供 typescript 类名提示插件61. typescript Class Names Completion: 提供 typescript 类名提示插件62. typescript Class Names Completion: 提供 typescript 类名提示插件63. typescript Class Names Generation: 提供 typescript 类名生成功能。以上是一些建议用于编辑器配置和功能插件的列表。这些插件可以更好地提升编辑器的效率和代码提示功能。

举报有用(0分享收藏

Copyright © 2025 IZhiDa.com All Rights Reserved.

知答 版权所有 粤ICP备2023042255号