
微软
在使用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.Post
CSS 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: 测试用例生成(支持ch
AI、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 类名生成功能。以上是一些建议用于编辑器配置和功能插件的列表。这些插件可以更好地提升编辑器的效率和代码提示功能。