Sublime Text 3 配置react语法校验

最新推荐文章于 2020-09-29 17:28:49 发布

weixin_33896726

最新推荐文章于 2020-09-29 17:28:49 发布

阅读量192

点赞数

文章标签： javascript json ViewUI

原文链接：https://segmentfault.com/a/1190000004369542

版权

1. 安装nodejs

2. 打开终端，安装eslint校验包和react校验插件包:

npm install -g eslint
npm install -g eslint-plugin-react

3. 在Sublime中安装插件:

SublimeLinter
SublimeLinter-contrib-eslint

4. 运行eslint --init

根据提示配置初始化文件，生成.json格式的

5. 配置.eslintrc

.eslintrc.json

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33896726

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Sublime Text 3 配置 React 语法校验

EkWeller的博客

09-29

112

如果你正在开发 React 应用程序，并且想要在 Sublime Text 3 中进行语法校验，那么你来对地方了！通过以上步骤，你已经成功配置了 Sublime Text 3，以便在编辑 React 代码时进行语法校验。保存文件后，Sublime Text 3 将自动进行语法校验，并在代码中显示任何语法错误。现在，你已经成功配置了 Sublime Text 3，以便在编辑 React 代码时进行语法校验。安装完成后，我们需要进行一些配置，以便在编辑 React 代码时进行语法校验。保存并关闭配置文件。

vscodehtml环境配置_从零开始配置 vscode

weixin_39836726的博客

12-20

2795

我们在进行开发工作时，选择一个顺手好用的编辑器是必不可免的, 其中 vscode 就是一个很好的选择。它能让你大部分的工作都在编辑器内完成, 大大的提高开发效率~概述vscode 内置了前端相关的基础环境，如emmet扩展。另外的环境则可以通过它自己的插件商城来找到对应的插件。比如常见的预处理器的语法高亮。同时它有良好成熟的生态圈, 足够满足我们日常开发的所需的东西.它提供了很多便捷的自定义配置，...

参与评论您还未登录，请先登录后发表或查看评论

sublime的react高亮插件

06-27

对于sublime的install pacages下载报错的朋友们，可以直接把这个文件放在插件目录里面，就能够使react的js或者jsx实现高亮了。当然你需要在右下角选择文件格式。

Sublime Text3的react代码校验插件

weixin_30483013的博客

11-02

之前写前端一直用的是jshint做语法检查，但jshint不支持JSX语法，为了在React使用，需要用eslint代替它。六月份的时候为了写React Native，编辑器换过Webstorm和VS Code，发现还是用Sublime舒服，决定把其打造完美。先把jshint插件禁用Shift+Ctrl+P，输入PCD(Package Control Disable)...

sublime3添加对react代码检查

weixin_30887919的博客

08-24

安装eslint npm install -g eslint npm install -g eslint-plugin-react 安装完后调用eslint --init 初始化，生成.eslintrc.js文件注意：如果是windows系统，将linebreak-style改为unix sublime安装eslint插件安装eslint sublimelinter-c...

sublime text3 支持react语法高亮

youyudexiaowangzi的专栏

02-22

3344

sublime text3打开react目录，react的App.js中夹杂着html语句，导致很不友好的视觉体验像是有语法错误一样，但是ctrl+shift+p输入install想安装babel插件，却提示no package 于是只能手动安装babel https://github.com/babel/babel-sublime 下载zip，然后解压，形成babel-s...

Sublime Text3关于react的插件

天道酬勤

02-15

3941

1. 安装Babel语法高亮和react-native-snippets快捷代码片段 Sublime Text 3 是一款广泛使用的代码编辑器，支持 Windows、Mac OS X、Linux 三大桌面平台，它是付费应用，但目前可以无限期的试用。它支持多种编程语言的语法高亮、拥有优秀的代码自动完成功能，还拥有代码片段（Snippet ）的功能，可以将常用的代码片段保存起来，在需要时随时调用，极...

eslint在项目中的使用

mailylqj的博客

11-30

2921

eslint在项目中的使用eslint的优点： * 灵活：任何规则都可以开启闭合，以及有些规则有些额外配置 * 很容易拓展和有需要可用插件 * 容易理解产出 * 包含了在其他检查器中不可用的规则，使得ESLint在错误检查上更有用 * 支持ES6，唯一支持JSX的工具 * 本身不支持ES7，但可以使用babel-eslint * 支持自定义报告sublime text3中使用eslin

前端开发环境搭建和VSCode插件配置超详细图解一次配置完成（19年8月19日更新福利）

热门推荐

会飞的小鹿

03-28

1万+

前端开发环境篇包管理器 node包管理器请下载官网较新的稳定版！地址=》双击msi安装包安装，可以自定义安装目录；安装完成后检查全局环境：检查版本 >node --version v10.15.3 #2019年3月27日最新稳定版如果没有出现版本号，检查全局系统变量是否配置好（cmd、powershell和bash会通过系统环境变量到对应目录下找同名命令的exe并传入后...

通过配置 VSCode 来提高生产力

weixin_38149933的博客

08-18

255

在 freeCodeCamp 社区阅读原文。代码编辑器这些年发展很快。一些年前，还没有 Visual Studio Code（VS Code）。你可能在用 Sublime Text、Atom、Bracket 等。随着 VS Code 的发布，它已经变成了开发者中最受欢迎的编辑器。为什么选择 VS Code 开发者喜欢它因为可定制 Debug 方便支持 Emmet 支持插件集成了 Gi...

sublime中配置react的JSX语法，babel，及其自动补全

dxj124的博客

03-06

1292

以下要安装的插件，要是在install package中没有找到，说明已经安装过了，可以在菜单Preferences->Package Settings中查看已经安装过的插件 1.安装Babel插件语法转义安装 command+shift+p->install package->babel 配置该插件不需要额外配置，在打开.js或.jsx后...

react语法在sublime下高亮

codesWay的博客

11-04

5412

首先安装插件：babel，sublime-rect-es6，jsfmt，jsxhint，emmet，jsformat；居体的设置方法可以参照这篇好文：Sublime Text3关于react的插件——react语法提示&代码格式化；或者参考这个：Sublime Text 3 搭建 React.js 开发环境；当安装完以上的插件后，你会发现其实react在这个编辑器下，还是不会高亮，这个

sublimeText3如何配置以支持jsx语法

sinat_33811032的博客

01-24

1万+

对于前端小白的我而言，还不知道如何选择一款适合自己的编辑器或IDE，之前在网上也看过很多推荐，所以在前期选择的Hbuilder，Hbuilder确实也是一个比较方便的工具，集成了很多功能，不过呢，最近在学reactjs用到jsx语法，Hbuilder用起来并不那么顺手啊，代码没有高亮，并且也完全没有提示，纯粹靠手打，总之很心累，果断换编辑器——sublime。 sublime也是需要配置的，这里

Sublime Text3 ESlint配置和Standard配置

aeoliancrazy的博客

04-28

2759

Sublime Text3 ESlint配置一、预装环境及配置 Node环境必备全局安装ESlint npm install eslint -g 进入自己的项目目录初始化ESlint 根据所回答的问题生成对应的样式第一种情况配置完成此时会在你的js目录下生成一个.eslintrc.js文件，此文件是ESlint的相关规则的配置文件，里面只有根据你刚才回答问题所生...

前端react项目中添加Eslint校验

weixin_34234721的博客

03-01

2740

当前项目目录安装npm eslint --save-dev eslint --init 生成一个.eslintrc.js文件（可自己在这个文件中进行配置）安装 npm i eslint-config-airbnb eslint-loader eslint-plugin-babel eslint-plugin-import eslint-plugin-jsx-a11y eslint-plu...

Sublime Text3配置erlang

枯树无花

05-13

1394

代码自动提示，参考下面文章：https://jingyan.baidu.com/article/ac6a9a5e0d89582b643eac50.htmlerlang编译erlang的相关插件的下载https://github.com/fjl/Sublime-Erlang选择Sublime Text3里面的new build system，将下载回来压缩包里面的Erlang.sublime-bui...

js和react判断上传文件类型

chdyiboke的博客

08-22

3485

检测文件大小和类型 1.js判断上传文件类型 function fileChange(target){ //检测上传文件的类型 if(!(/(?:jpg|gif|png|jpeg)$/i.test(target.value))) { alert("只允许上传jpg|gif|png|jpeg格式的图片"); if(window.ActiveXObject) {//for IE tar

sublime开发react常用插件总结

山海一哥的博客

07-19

1135

插件很多，除了基础的插件外，可以根据自己的开发内容定制需要的插件，本文以react为例。 1 . Emmet 一种快速编写html/css的方法，Tab键触发，或者使用ctrl+v触发。具体使用方式类似于你根据html编写相关样式，比如p>a生成<p> <a href=""></a> </p> 2 . AutoPrefixr 写 CSS可自动...

在Sublime Text3中搭建react的开发环境

进阶的博客

09-29

1108

任务需要，刚开始学习react，遇到的第一个问题就是开发环境的问题。有两种方式：第一种是在本地使用编辑器（我用的是Sublime Text3）进行开发，然后在浏览器中看效果。第二种是直接在一个在线编辑环境中动态的、实时的查看编辑效果。（这里推荐使用CodePen，毕竟react官网就用的这个）由于任务的特殊性，我需要在本地编辑器中开发react.js，于是问题来了：如何正确的在我的编辑器——Sublime Text3中正确的高亮react.js的代码呢？现将步骤记录如下： 1、点击：s

SublimeText3完整安装及插件配置指南

"本教程将指导您如何安装和配置Sublime Text 3，包括安装PackageControl、设置中文语言以及安装EMMET插件。" Sublime Text 3 是一款流行的代码编辑器，以其速度快、功能强大和高度可定制性受到开发者们的喜爱。在本...