React-使用Sublime Text3开发的必备工具

本文介绍了如何使用Sublime Text3开发React应用,重点讲述了如何配置和使用jsfmt与ESFormatter进行代码格式化,以及安装EsLint、jshint、jsxhint进行代码审查。还提到了Babel和相关Snippets插件以实现语法高亮和输入提示,以及推荐了ColorPicker和SideBarEnhancements等实用插件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

Sublime Text3是开发React应用的利器之一。Sublime本身只是一个文本编辑器,通过Package Control可以为其安装丰富的插件,使得Sublime成为一个强大的开发工具。

1. 格式化代码

开发React时,用的是ES6的语法,React本身的代码格式化支持并不友好,也尝试了网上的很多格式化插件包括 HTML-CSS-JS Prettify、CodeFormatter、JsFormat等都不能对React的JSX语法有很好的支持。最终找到了一个Sublime jsfmt,在jsfmt里面集成ESFormatter可以很好的支持React代码格式化。

1.1 安装jsfmt

打开PackageControl(ctrl+shift+p/command+shift+p),选择Install Packages,然后在搜索框内输入jsfmt,找到jsfmt并安装。

1.2 安装ESFormatter

  1. 打开终端,进入jsfmt的安装目录
    cd ~/Library/Application\ Support/Sublime\ Text\ 3/Packages/jsfmt/
  2. 然后安装最新的esformatter和esformatter-jsx
# install both esformatter and esformatter-jsx
npm i esformatter esformatter-jsx
  1. 在Sublime中打开Preferences-Package Settings-Sublime JSFMT-Set
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值