一、webStrom 安装

官方下载地址：https://www.jetbrains.com/zh-cn/webstorm/

二、环境安装

1、环境检测

首先要安装npm和node，输入如下命令：
npm -v
node -v

如果没有安装需自行安装： node安装：https://nodejs.org/en/

新版的nodejs已经集成了npm，所以之前npm也一并安装好了。

安装好后执行上面命令，能正常显示版本号说明安装成功。

2、安卓React脚手架

github地址：https://github.com/facebook/create-react-app

在终端下安装执行npm install -g create-react-app

不用每个项目都装,一个webstorm装一次即可.

三、新建项目

3.1 创建新项目

创建React App

3.2 运行

点击webstorm右上角的运行，此时会自动打开浏览器

或在终端下执行 npm start，然后浏览器输入http://localhost:3000/地址就可以看到如下效果图

此时运行效果如图：

webStrom 开始你的第一个React应用相关推荐

构建一个react项目_您想要了解更多有关React的内容吗？让我们构建一个游戏，然后玩。...
构建一个react项目 by Samer Buna 通过Samer Buna 您想要了解更多有关React的内容吗? 让我们构建一个游戏,然后玩. (Do you want to learn more ...
react项目_保证一看就会 | 手把手教你创建一个React项目
一.如何使用 git 在 GitHub 上创建一个项目新建一个项目首先,在github上注册自己的账号,然后登录后,可以看到如下界面,是你的主页.点击右边的➕号,选择第一个选项填写项目信息此时 ...
构建了我的第一个React Native应用程序之后，我现在确信这是未来。
by Taylor Milliman 泰勒·米利曼(Taylor Milliman) 构建了我的第一个React Native应用程序之后,我现在确信这是未来. (After building my ...
[react] 写一个react的高阶组件并说明你对高阶组件的理解
[react] 写一个react的高阶组件并说明你对高阶组件的理解定义高阶组件 import React, { Component } from 'react';const simpleHoc = ...
怎么安装aptdaemon模块_自己开发一个React Native 模块
大纲为什么需要 React Native Module 如何创建一个 React Native的模块编写 Android Toast 功能模块如何调试 React Native 模块------ ...
react的导出是怎么实现的_从零开始开发一个 React
这个是从零开始开发一个 React 系列的第七篇.想要访问之前的内容可以点击下方的链接进行访问: 最简单的实现,包括 vdom 结构,createElement,ReactDOM.render 增加 ...
react 组件构建_让我们用100行JavaScript构建一个React Chat Room组件
react 组件构建 by Kevin Hsu 通过徐凯文让我们用100行JavaScript构建一个React Chat Room组件 (Let's Build a React Chat Room ...
编写react组件_如何编写第一个React.js组件
编写react组件 React的函数和类组件,道具,状态和事件处理程序 (React's function and class components, props, state, and event ...
UmiJS 是一个 react 开发框架
Umi,中文可发音为乌米,是可扩展的企业级前端应用框架.Umi 以路由为基础的,同时支持配置式路由和约定式路由,保证路由的功能完备,并以此进行功能扩展.然后配以生命周期完善的插件体系,覆盖从源码到构建 ...
开发一个React + Electron应用
最近用React + Electron开发了一个RSS阅读器,开源在:github.com/breeze2/bre-,这里记录一下大致的开发过程. 初始化创建项目以普通的React应用做基础,一步 ...

webStrom 开始你的第一个React应用