sublime 搭建React.js开发环境

最新推荐文章于 2024-04-25 09:54:08 发布
原创 最新推荐文章于 2024-04-25 09:54:08 发布 · 2.2k 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#sublime #react

本文介绍了如何在Sublime Text中搭建React.js开发环境，包括安装Babel插件实现ES6和jsx高亮，配置SublimeLinter进行代码检查，修改Emmet以兼容jsx文件，以及设置Jsformat进行代码格式化。

sublime 搭建React.js开发环境

1. babel

该插件支持ES6， React.js, jsx代码高亮，对 JavaScript, jQuery 也有很好的扩展
下载：
这里写图片描述
输入 install 选择点击
这里写图片描述
输入 babel 选择babel 点击等待其下载完毕
这里写图片描述
这里写图片描述
安装完毕之后，打开打开.js, .jsx 后缀的文件;
这里写图片描述

打开菜单view， Syntax -> Open all with current extension as… -> Babel -> JavaScript (Babel)，选择babel为默认 javascript 打开syntax
之后，代码就成功显示为

最低0.47元/天 解锁文章
sublime的react高亮插件
06-27
对于sublime的install pacages下载报错的朋友们，可以直接把这个文件放在插件目录里面，就能够使react的js或者jsx实现高亮了。当然你需要在右下角选择文件格式。
使用Win10+Android+夜神安卓模拟器,搭建ReactNative开发环境
08-26
在本文中，我们将详细介绍如何在Windows 10操作系统上，结合Android环境和夜神安卓模拟器来搭建React Native开发环境。React Native是一个流行的JavaScript框架，它允许开发者使用JavaScript和React来构建原生移动...
Sublime Text 3 搭建 React.js 开发环境
weixin_34290000的博客
09-02 201
Sublime有很强的自定义功能，插件库很庞大，针对新语言插件更新很快，配合使用可以快速搭建适配语言的开发环境。 1. babel-sublime 支持ES6， React.js, jsx代码高亮，对 JavaScript, jQuery 也有很好的扩展。关于 babel 的更多介绍可以看这里：为什么说Babel将推动JavaScrip...
sublime配置react开发环境
willwee2的博客
12-08 2121
参考http://segmentfault.com/a/1190000003954626SublimeText插件做ReactJS开发最需要的无疑是这两条：语法高亮、代码提示，如果能够想Emmet那样自动扩展就更好了，这里我可以告诉你，确实可以实现。语法高亮Babel-Sublime插件很好的支持了JSX语法的高亮显示，连包裹在组件中的HTML标签都能实现高亮显示，具体的插件安装以及设置方法就不多说
在SublimeText上搭建ReactJS开发环境
一群青红椒的博客
09-07 1586
工欲善其事，必先利其器 —— 论语·卫灵公 相比webstorm，个人更常用sublime来码前端代码。但是，由于在react中使用了一些新特性，所以原先的sublime都快退化成txt了。于是在网上搜了插件推荐（语法高亮、代码提示等）。语法高亮Babel-Sublime插件很好的支持了JSX语法的高亮显示，连包裹在组件中的HTML标签都能实现高亮显示，具体的插件安装以及设置方法就不多说了，自行看G
React入门 , 运行环境搭建
kuBi_MaNong的博客
02-23 329
1.需要的工具 Node.js npm 2. 安装工具 当我们在官网下载并安装Node时，npm也自动安装好了，疯狂next即可。 安装完成后终端分别输入 node -v 和 npm -v 看到版本号即可,如图 因为使用npm很慢，我们可以设置使用国内的的淘宝镜像 npm config set registry https://registry.npm.taobao.org ...
React.js快速入门与实践
React.js是一个由Facebook开发的用于构建用户界面的JavaScript库。它主要用于构建单页面应用程序中的视图层，采用组件化的开发模式，使得前端开发更加模块化、灵活。下面我们将介绍React.js的基本概念和特点。 ####...
React.js与Redux三日速成课程代码解析
该课程的代码库涵盖 React.js 和 Redux 的基础和核心概念，强调了与现代 JavaScript 框架开发相关的最佳实践。通过实例化一个为期三天的培训课程，参与者能够通过实践来掌握 React.js 的组件化架构以及 Redux 的状态...
Yeoman生成器：Meteor与React.js的结合应用
Yeoman作为这个生态系统中的一个工具，它主要承担着"启动器"的角色，利用社区贡献的各种生成器，它可以让开发者快速地开始项目，无需从零开始配置开发环境，从而节省大量时间。 5. 如何寻找和安装其他Yeoman生成器 ...
在Sublime Text3中搭建react的开发环境
进阶的博客
09-29 1205
任务需要，刚开始学习react，遇到的第一个问题就是开发环境的问题。 有两种方式： 第一种是在本地使用编辑器（我用的是Sublime Text3）进行开发，然后在浏览器中看效果。 第二种是直接在一个在线编辑环境中动态的、实时的查看编辑效果。（这里推荐使用CodePen，毕竟react官网就用的这个） 由于任务的特殊性，我需要在本地编辑器中开发react.js，于是问题来了：如何正确的在我的编辑器——Sublime Text3中正确的高亮react.js的代码呢？ 现将步骤记录如下： 1、点击：s
如何让sublime支持html,怎么让sublime支持react语法
weixin_32645721的博客
06-15 217
怎么让sublime支持react语法sublime支持react语法可以通过安装插件来实现，以下要安装的插件，要是在install package中没有找到，说明已经安装过了，可以在菜单Preferences -> Package Settings中查看已经安装过的插件1.安装Babel插件语法转义安装command+shift+p -> install package -> ...
sublime3 react开发 常用插件
郑小let的博客
11-12 4210
1.安装Package Control插件 使用ctrl+`(tab键上面的按钮)，将以下代码复制后粘贴到打开的对话框的录入区域，然后按Enter(回车)，稍等片刻 import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = '...
sublime +react+es6开发环境
08-08 2224
Babel Sublime3才有的插件，支持ES6、JSX语法高亮。 菜单->View->Syntax->Open all with current extension as...->Babel->JavaScript(Babel) 高亮了有木有。 JsFormat 刚开始在JSX文件格式化后惨不忍睹，其实配置一个属性就可以支持JSX语法格式化。 菜单->Pref
Sublime Text React 插件使用教程
gitblog_00027的博客
03-29 510
`sublime-react` 是一个为 Sublime Text 编辑器开发的插件，旨在为 React 开发者提供便捷的代码片段和语法高亮功能。该项目最初由 Facebook 维护，但由于其功能已被 `babel/babel-sublime` 插件所取代，因此已被归档。尽管如此，`sublime-react` 仍然提供了一些有用的 React 代码片段，可以帮助开发者快速编写常见的 React ...
探索 `sublime-react`：React 开发者的高效工具
最新发布
gitblog_00061的博客
04-25 489
在前端开发领域，React 已经成为构建动态用户界面的首选框架之一。为了提高开发者的工作效率， 插件，为 React 开发带来了一种全新的体验。本文将深入解析 `sublime-react` 的功能、技术特性及其应用场景，帮助您更好地利用这一工具提升开发效能。 ## 项目简介 `sublime-react` 是一个专门为 Sublime Text 设计的插件，它提供了代码片段和自动补全功能，使...
用Sublime 3作为React Native的开发IDE
weixin_33755554的博客
06-08 244
Nuclide 是 Facebook 专门为 React 开发的 IDE ，既然是官方提供的 IDE ，就意味着拥有更好的语法补全、类型检查等支持。为了开发效率，不妨尝试一下这个 IDE 。本质上，Nuclide 其实是在 Atom 的基础上提供的一系列插件集。要使用 Nuclide ，首先需要先安装 Atom 。Atom 是 Github 所推出的一个开源编辑器，其最大的特...
React+Webpack+ES6从环境搭建到HelloWorld
热门推荐
pcaxb的专栏
08-15 2万+
转载请注明预见才能遇见的博客：http://my.csdn.net/ React是一个Facebook和Instagram用来创建用户界面的JavaScript库,是现在最热门的前端框架。Webpack 是当下最热门的前端资源模块化管理和打包工具。它可以将许多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源。还可以将按需加载的模块进行代码分隔，等到实际需要的时候再异步加载。通过
Sublime3玩转ES6+ReactJs
babybk的博客
08-22 1万+
原文 (http://ued.fanxing.com/emmet/)前言Webpack+React+ES6无疑是目前最火热的开发模式了，为了与时俱进，开始对它进行探索和学习。工欲善其事必先利其器，众所周知，ES6和JSX都是新的语法，而目前的Sublime2已经力不从心了，作为Sublime的忠实粉丝，换IDE又得重新适应，于是折腾了一番，升级Sublime3，不断找相应插件，这里给大家分享一下必
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值