设置webstorm支持react的的方法

最新推荐文章于 2023-09-17 00:54:55 发布
最新推荐文章于 2023-09-17 00:54:55 发布
阅读量4.9k 收藏
点赞数
分类专栏： React 文章标签： webstorm react 语法检测
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xuanpl/article/details/70054507
版权

WebStorm是一个功能强大的前端编辑器，今天在使用了React框架之后使用WebStorm打开，发现它不支持React的语法检测，满屏都是红的报错。


看到顶部黄条提示选择 JSX，于是打开 文件/设置/语言和框架/JavaScript ，选择JavaScript language version中的 JSX Harmony ，确定就可以了。



然后语法检测就支持react了。



xuanpl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webstorm快速配置react
roadloser的博客
04-18 1672
因为链接多，所以懒得加h1了 默认你装了node.js和npm还有ws2018.2.4。 首先在设置（setting）里搜索lang（语言与框架）找到并JavaScript，版本改成react jsx ps：顺便给个官网配置react的链接，谷歌打开翻译吧 链接 然后创建react工程，文件名只能是字母或者中划线‘-’ ps：反正不支持中文和下划线 等待安装完成就能用了 ↓顺便，我是在这...
webstorm 创建react组件_react+webpack+webstorm开发环境搭建
weixin_39621819的博客
12-21 340
需要安装的软件node.jsnpm包管理以上两个包的下载地址如下：由于6.3.0版本之后会自带npm的包管理所以不需要单独的安装npm更换npm库的源由于国内的网络原因，推荐只用阿里的npm源地址构建项目使用webstorm新建一个空白项目打开控制台，在控制台里输入npm init 命令来初始化一个package.json文件，这个文件是一个类似于pom.xml的文件，用来描述需要的依赖库。在控制...
react-native学习笔记---Mac环境WebStorm相关配置
July_sal的专栏
06-13 2122
做了几年的iOS开发，最近得空研究学习一下react-native，以后研究的方向也是react-native和iOS原生APP的结合。开发环境：MAC电脑 WebStorm网上搭建react-native开发环境的帖子层出不穷，大家可自行百度，对于编译器，WebStorm或Sublime Text或Visual Studio Code，三种我都下载体验了一下，最后选择了WebStorm，功能比较...
WebStorm导入React项目，出现红色波浪线错误提示，但是能正常运行，解决方法。
weixin_38285351的博客
08-26 4907
WebStorm导入React项目，出现红色波浪线错误提示 选择Fiel -> Settings -> Languages & frameworks ->javaScript 应用后红色波浪线就没啦
关于React Native 报Export declarations are not supported by current JavaScript version错误的解决问题...
weixin_34253539的博客
08-16 295
设置.js文件默认以jsx的语法打开 在没有进行设置的情况下，每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示： 当然我们点击转换后就可以了，但是每次都会提示，所以还是来一个一劳永逸的方法把它给去掉吧： 然后Apply/OK即可。 设置.js文件中支持react-native语法高亮 首先会发现在js文件中有不少的警告，...
WebStorm中使用reactjs语法报错
Bluse_chen的博客
05-10 2611
把 JavaScript 的版本设置为 JSX Harmony，一般在你写react代码的页面是有提示让你切换的，点击右上角的switch就行； 如果右上角没有提示的话，settings => Languages & Frameworks => JavaScript => JavaScript language version改一下就行了
webstorm中react-native插件
08-29
windows使用方法：file -> import settings -> ReactNative.jar
React Native —— webstorm搭建React Native开发环境
且听风吟的博客
04-25 623
1、下载安装node.js 安装之前检查是否已有node.js环境： cmd 命令下输入node -v, 出现版本号，说明已经成功安装了node.js环境 ，如下图所示： 2、安装 react native 脚手架工具 如果之前全局安装过旧的react-native-cli命令行工具，先使用npm uninstall -g react-native-cli 命令卸载掉，再进行全局安装它，以避免产生一些冲突问题。 安装成功后会有提示 验证： 3、安装 Webstorm 官网下载 Webstorm 安装包：
webstorm安装eslint插件_WebStorm + React 项目，配置 ESLint
weixin_39945816的博客
12-30 1313
ESLint 简介ESLint是一个开源的JavaScript代码检查工具，其作者是大名鼎鼎的“红宝书”《JavaScript高级程序设计》作者 Nicholas C. Zakas。Nicholas C. Zakas 在他的多部著作中都有涉及到JavaScript的代码风格问题，而eslint正是用来统一JavaScript代码风格的工具。代码检查是一种静态的分析，常用于寻找有问题的模式或者代码，...
WebStorm运行React Native项目
小小T的专栏
09-26 3703
WebStorm是一款前端开发工具，也可以用于React Native项目 下载安装WebStorm WebStorm下载地址 安装完不要运行webstrom 下载破解补丁 打开网址（IntelliJ IDEA 注册码），下载补丁 然后将补丁复制到安装目录的bin目录下，例如：D:\Program Files\JetBrains\WebStorm 2018.2.3\bin 修...
如何在WebStorm软件中创建React文件
最新发布
qq_64867440的博客
09-17 481
打开WebStorm2023.2.1软件，在软件的终端输入npm-start，这里不是在终端中输入npm start哈，当然，这样的目的是为了能够更直观的知道项目的变化，等待React文件关联浏览器（实际这里已经成功的创建了一个React项目）2.在WebStormWorkplace文件中找到创建的项目，按住shift然后点击右键，在弹出来的选项中选择在此处打开Powershell窗口（s）；1.首先在WebStorm 2023.2.1中创建一个React项目；3.在弹出来的界面中输入npx；
ReactNative系列之十三WebStorm的JSX语法配置及自动补全设置
yeputi_WK的博客
04-22 7909
1、开发ReactNative常用工具，WebStorm、Sublime、Atom。 2、配置WebStorm的ReactNative语法 a)下载 git clone https://github.com/virtoolswebplayer/ReactNative-LiveTemplate.git b)导入WebStrom file -> import settings -> Re
针对于WebStorm工具开发React工程详细配置
热门推荐
天外野草技术专栏
12-07 4万+
前言WebStorm作为目前最流流行的前端IDE, 无论从运行速度还是开发的便捷性，无形之中提高了工作效率，目前比较火爆的React也越来越被众多开发人员所采纳，但是WebStorm下的React工程经常会出现很多警告以及转换提示，下面我就对此做一些整理，方便更多同志使用。React Library支持点击下载按钮，下来所需要的react library:激活所选library, 应用即可支持JSX
WebStorm 下React和webpack的初始配置
jeikerxiao
12-15 1万+
喜欢WebStorm支持JSX语法和代码高亮以及代码提示。 1. 安装环境在一切开始前，请装好Node.js的环境，确保npm命令可以使用。Mac下请使用 brew install node 安装。2.WebStorm的配置在WebStorm上默认打开React编写的js文件代码会报错，这时候需要去设置里面 Languages&Frameworks => javaScript 勾选 JSX Harm
WebStorm设置JSX
kerryqpw的博客
04-01 9769
WebStorm设置JSX
webstorm创建react项目失败
03-29
如果您在WebStorm中创建React项目时遇到问题，请尝试以下步骤： 1. 确认您的WebStorm版本是否支持React项目。最新版本的WebStorm都支持React项目，但旧版本可能需要更新或升级。 2. 确认您是否已安装Node.js和npm。React项目需要Node.js和npm作为依赖项，因此请确保您已正确安装这些软件。 3. 在创建React项目之前，请确保您已安装create-react-app。您可以在终端中运行以下命令来安装它： ``` npm install -g create-react-app ``` 4. 创建React项目时，请确保选择正确的模板。WebStorm提供了两个React模板：“Create React App”和“Next.js”。如果您不确定哪个模板适合您的项目，请参考官方文档或咨询React社区。 5. 如果您仍然遇到问题，请尝试在WebStorm中重新安装React插件或重置WebStorm的设置。这些步骤可能会解决一些常见的问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值