针对于WebStorm工具开发React工程详细配置

最新推荐文章于 2024-04-28 09:20:05 发布
置顶 最新推荐文章于 2024-04-28 09:20:05 发布
阅读量4.8w 收藏 13
点赞数 8
分类专栏： ReactJS 工具 React-Native 项目实战技术分享 React开发教程笔记 文章标签： WebStorm react
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiangbo_phd/article/details/53503120
版权

前言

WebStorm作为目前最流流行的前端IDE, 无论从运行速度还是开发的便捷性，无形之中提高了工作效率，目前比较火爆的React也越来越被众多开发人员所采纳，但是WebStorm下的React工程经常会出现很多警告以及转换提示，下面我就对此做一些整理，方便更多同志使用。

React Library支持

这里写图片描述

点击下载按钮，下来所需要的react library:

这里写图片描述

激活所选library, 应用即可

这里写图片描述

支持JSX语法

上截图：

这里写图片描述

天外野草
关注
  • 8
    点赞
  • 踩
  • 13
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
vite + react + ts 手摸手做项目系列一 （项目配置篇）
Web面试那些事儿的博客
01-11 1564
说好的教程终于来了，文章主要带大家打造一个 react spa 的项目，使用的技术栈是 vite+react+ts,vite 的快想必我就不用介绍了，用过的都说好， react + ts 已经成为大型项目的主流，大厂极为青睐，所以学好 react + ts 对你之后想进大厂应该会如虎添翼，本项目会有严格的规范性，eslint 规范，stylelint 规范，ts 类型规范，git 提交规范，包括打包上线体积分析，性能分析，以及何如做项目的想能优化。
前端新手如何安装webstorm ，初步搭建react项目
weixin_34250434的博客
09-14 1271
下载安装webstorm:配置成功: 配置成功后就可以开启webstorm项目了。（存微信收藏、、） 1：在webstorm下配置node环境： 2：完成之后： React官方脚手架地址： https://github.com/facebook/create-react-app 在终端下安装执行npminstall-gcreate-react-app不用每个项目都装。...
JetBrains的JavaScript和Web集成开发环境WebStorm2024.1版本在Win/Linux系统的下载与安装配置
最新发布
Mr_ICer的博客
04-28 828
WebStorm是一款专为JavaScript和Web开发人员设计的集成开发环境（IDE）。它提供了丰富的功能和工具，可以帮助开发人员更高效地编写、调试和部署JavaScript和Web应用程序。
新手使用webstorm创建React项目
KJune的博客
02-12 5017
1、在想要使用react.js之前，电脑上需要安装好node.js。如果没有安装的要先去官网或者其他途径下载安装并配好环境。然后在命令窗口输入以下命令来下载create-react-app脚手架工具包： npm install -g create-react-app 2、安装好之后我们再来安装webstorm工具。 3、安装成功后打开软件界面，选择新建一个项目，这里新建的项目工程名...
使用Facebook的create-react-app脚手架快速构建React开发环境（ant.design，redux......）...
weixin_33882452的博客
11-30 292
编程领域中的“脚手架（Scaffolding）”指的是能够快速搭建项目“骨架”的一类工具。例如大多数的React项目都有src，public，webpack配置文件等等，而src目录中又包含components目录等等。每次在新建项目时，手动创建这些固定的文件目录。脚手架的作用就是帮助你完成这些重复性的工作，包括一键生成主要的目录结构、安装依赖等等。 create-react-ap...
webstorm 创建react组件_WebStorm构建react.js项目
weixin_39868959的博客
12-21 295
react.js npm.js node.js1.安装node.js环境 点我进入nodejs官网2.下载LTS(Long term support)版本，安装3.在cmd中使用以下命令查看node是否安装成功node -v //查看node版本4.在命令行中进入需要构建demo的文件夹cd D:\workspace//这里演示的是进入D盘符下的workspace文件夹5.因为node.js...
如何搭建React+TypeScript Demo
xinghuowuzhao的博客
03-03 640
手动自己搭遇到不少问题，崩溃中。 发现了一款神器，Webstorm，里面新建项目，选React App（Native是移动端原生项目）； 然后填写自己的项目名，勾选 Create TypeScript project 点击Create，等一会儿自己就创建好了。 注意：需要把之前装的webpack等删掉 ...
webStorm编辑器ReactNative配置-附件资源
03-05
webStorm编辑器ReactNative配置-附件资源
WebStorm js开发工具 v2019.2
11-06
WebStorm是JetBrains的一个专门为Web开发人员设计的IDE，JetBrains大家应该不陌生，Resharper、IntelliJ IDEA等都是出自这个公司。WebStorm有什么功能:1、智能的代码补全2、代码格式化3、代码编写中
WebStorm JavaScript开发工具 Mac版
10-08
WebStorm js开发工具 v2018.2.3
10-09
WebStorm是JetBrains的一个专门为Web开发人员设计的IDE，JetBrains大家应该不陌生，Resharper、IntelliJ IDEA等都是出自这个公司。WebStorm有什么功能:1、智能的代码补全2、代码格式化3、代码编写中
WebStorm js开发工具 v2018.2.5
10-07
WebStorm是JetBrains的一个专门为Web开发人员设计的IDE，JetBrains大家应该不陌生，Resharper、IntelliJ IDEA等都是出自这个公司。WebStorm有什么功能:1、智能的代码补全2、代码格式化3、代码编写中
tsx配置alias在webstorm中无法识别问题
wfly blog
03-24 1955
在tsconfig.json配置 { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"] } } } 和webpack的alias配置同步即可
在webstorm中使用typescript开发react程序（一）环境搭建
doitlee911的博客
08-15 4091
1.创建新工程 在webstorm里新建一个空项目，在terminal窗口栏里输入 npm init以生成package.json包管理配置文件。 2. 在项目中中加入react和typescript相关依赖包npm i -g webpack webpack-dev-server typescript npm i --save react react-dom @types/react @typ
webstorm创建react，及其代码结构
无聊写写~
04-20 2461
webstorm创建react，及其代码结构 webstorm提供了创建各种框架的方式，通过用户点击交互的方式简化了命令行的操作，这篇markdown主要说明一下使用webstorm 2020版本创建react的一些问题和react框架的代码结构。 为了让过程更清晰，先新建一个test目录作为工程目录：E:\test 生成react 在上方导航栏点击File->New->Project，会出现一个对话框 在对话框左侧选择React，右侧会出现一些选项，Location是希望创建react的工程
React学习一——webstorm环境搭建和React基础语法
weixin_43896829的博客
08-12 2459
React 一、环境搭建 Node.js+WebStorm+react.js Node.js 在rTool上搜索node.js,下载安装包 打开安装，除了路径，一路next (1) 修改环境变量 计算机->属性->高级系统设置->环境变量->系统变量->path编辑->将安装路径加入其中 (2) 测试 此时可以执行 node -v 和 npm -v 分别查看node和npm的版本号： (3) 配置npm在安装全局模块时的路径和缓存ca
关于React Native 报Export declarations are not supported by current JavaScript version错误的解决问题...
weixin_34253539的博客
08-16 286
设置.js文件默认以jsx的语法打开 在没有进行设置的情况下，每次打开WebStorm的时候打开包含jsx语法的.js文件都会有以下提示： 当然我们点击转换后就可以了，但是每次都会提示，所以还是来一个一劳永逸的方法把它给去掉吧： 然后Apply/OK即可。 设置.js文件中支持react-native语法高亮 首先会发现在js文件中有不少的警告，...
windows环境reactjs入坑记------react开发环境安装
热门推荐
VICHOU_FA的博客
01-07 2万+
React简介： React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。 React 起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源。 React 拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。
webstorm react
02-21
WebStorm是一款由JetBrains开发的集成开发环境（IDE），专门用于Web开发。React是一个流行的JavaScript库，用于构建用户界面。...总之，WebStorm提供了丰富的功能和工具，使得React开发更加高效和便捷。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

天外野草

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值