react native学习与开发(2)vscode插件

时间:2024-05-18 16:44:22

React Native Tools

微软官方为 React Native 开发提供的专门的插件,按照官网的说明进行插件的安装即可。这个插件使得开发者可以在 VS Code 中调试 React Native 代码,快速执行react-native命令,以及对 React Native 的 API 具备智能提醒功能
react native学习与开发(2)vscode插件

Flow Language support

Flow 是 Facebook 出品的一个用于 JavaScript 代码静态类型检查的工具,可以用来发现 Javascript 代码中的类型错误。这个插件是在 VS Code 中支持 Flow 的插件,当然前提是安装好 Flow
react native学习与开发(2)vscode插件
Flow的安装
react native学习与开发(2)vscode插件

ESLint

静态代码检查主要用来对代码的编程规范,语法错误等进行扫描,从而在代码执行之前发现可能存在的问题。在程序设计领域,几乎每一种语言都有配套的静态代码检查工具,例如 C 和 C++ 语言的 PC-lint[5] 和 FlexeLint[6],Java 语言的 FindBugs[7],Android 开发中的 Android Lint,iOS 开发中的 OClint[8] 等等。React Native 开发中大部分时间都是使用的 Javascript 语言,类似其他语言,Javascript 也有自己的静态代码检查工具,而其中目前应用最广的就是 ESLint,这个插件就是将 ESLint 集成进 VS Code 的插件,当然前提是需要安装好 ESL
react native学习与开发(2)vscode插件

Auto Close Tag

提高开发效率的插件,在 VS Code 中支持自动补全 HTML/XML 关闭标签
react native学习与开发(2)vscode插件

Color Highlight

代码中经常会出现设置颜色,通常是用十六进制格式来表示一个颜色值,例如#EB6066,但这个值对开发者而言是没有意义的,我们看不出来到底对应的是什么颜色,这个插件帮忙开发者在 VS Code 中支持十六进制格式的颜色进行预览
react native学习与开发(2)vscode插件

Rainbow Brackets

在 React Native 开发中经常会存在多种括号混合使用,为了能够更好的区分,这个插件支持不同类型的括号进行彩色着色,支持圆括号,方括号和花括号。
react native学习与开发(2)vscode插件

ES7 React/Redux/GraphQL/React-Native snippets

在 VS Code 中支持 React Native,React,Redux 常见代码片段的插件
react native学习与开发(2)vscode插件

参考资料