关键词：
1、首先需要安装NodeJS环境，下载NodeJS安装程序安装即可。 NodeJS下载地址： https://nodejs.org/en/download/
2、安装NodeJS的web框架express npm install express-generator -g
3、创建项目
express studyReact
4、添加jsx引擎支持
npm install express-react-views --save
5、修改views 目录下的index.jade文件后缀为jsx, 内容如下：
6、编写react组件，需要安装react react-dom
npm install react react-dom --save
7、使用webpack 编译打包 需要安装webpack
npm install webpack babel babel-loader --save
8、在项目中添加webpack.config.js文件，内容如下：
9、命令行中使用 webpack编译项目，成功后出现如下结果：
10、启动项目，浏览器中访问
npm start
浏览器中访问 https://localhost:3000
出现如下结果表示环境成功搭建
注：本例子中每次修改内容需要手动使用webpack来编译，想修改后自动编译刷新页面请使用webpack-dev-server。
完，祝大家好运。
搭建开发环境
1：下载MinGW2：设置环境变量3：编译程序。 查看详情
详细图文教学：java开发环境搭建
在项目产品开发中，开发环境搭建是软件开发的首要阶段，也是必须阶段，只有开发环境搭建好了，方可进行开发，良好的开发环境搭建，为后续的开发工作带来极大便利。 对于大公司来说，... 查看详情
flutter开发环境搭建(代码片段)
个人博客:http://www.milovetingting.cnFlutter开发环境搭建前言参考链接:https://flutterchina.club/Windows系统下Flutter开发环境搭建使用镜像由于在国内访问Flutter有时可能会受到限制，Flutter官方为中国开发者搭建了临时镜像，可以将如下环境... 查看详情
开发环境——基于rhel6.8开发环境的搭建
开发环境——基于RHEL6.8开发环境的搭建 本文讲述了基于RHEL6.8操作系统搭建开发环境，主要安装了GCC4.9.3、Qt5.7、Apache2.4.25、MySQL5.6.35。本文同时适用于在Linux主机无互联网环境下搭建开发环境，只需要将所需安... 查看详情
极智开发|腾讯云ecs本地开发环境搭建(代码片段)
...好，我是极智视界，本文介绍一下腾讯云ECS本地开发环境搭建。 之前介绍过华为云和阿里云的开发环境搭建，有兴趣的同学可以移步我的这两篇：《极智开发|阿里云ECS本地开发环境搭建》、《极智开发|华为云EC... 查看详情
1.开发环境搭建
目录1.开发环境搭建1.1 STM32开发软件安装1.2KEIL5破解1.3 CubeMX软件安装1.3.1 安装JDK1.3.2安装CubeMX 1.3.3 STM32CubeMX固件支持包的安装（离线包） 1.4开发板介绍1.开发环境搭建1.1 STM32开发软件安装1.找到keil5安装包，可以在... 查看详情
简介与开发环境搭建
Py-appleDynamics简介与开发环境搭建1简介1.1何为菠萝狗和Py-AppleDynamics1.2目前支持的功能2开发环境搭建2.1硬件的搭建2.1软件（开发平台）的搭建(1)安装串口驱动(2)安装UpyCraft3配套视频教程3.1灯哥系列（新版本）--更新... 查看详情
内核搭建完整的mini2440开发板驱动开发环境（仿照jz2440驱动开发环境搭建）
一、mini2440开发板驱动环境搭建：《mini2440用户手册》说明原文>>注意：本开发板提供的linux内核并不能直接用于u-boot，因为我们公司是不使用u-boot的，并且对其各个参数设置并不了解，关于U-Boot的使用方法用户可以参考网上... 查看详情
golang开发:开发环境搭建vagrant+virtualbox(代码片段)
开发环境介绍不管何种开发语言，目前用的比较多的开发环境基本就是Vagrant+VirtualBox搭建的虚拟开发环境，这种开发环境的好处就是一次搭建处处可用，各个平台和系统都可以使用。开发团队中，可以自己制作一个box，让团队的... 查看详情
极智开发|阿里云ecs本地开发环境搭建(代码片段)
...好，我是极智视界，本文介绍一下阿里云ECS本地开发环境搭建。 之前介绍过华为云的开发环境搭建，有兴趣的同学可以移步我的这篇《华为云ECS本地开发环境搭建》。这里介绍阿里云的开发环境搭建，搭建过程... 查看详情
reactnative搭建开发环境
...迎使用ReactNative！这篇文档会帮助你搭建基本的ReactNative开发环境。如果你已经搭好了环境，那么可以尝试一下编写HelloWorld。根据你所使用的操作系统、针对的目标平台不同，具体步骤有所不同。如果想同时开发iOS和Android也没问... 查看详情
android开发环境搭建
第1章Android开发环境搭建本章介绍了如何在个人电脑上搭建Android开发环境，主要包括：Android开发的发展历史是怎样的、AndroidStudio的开发环境是如何搭建的、如何创建并编译App工程、如何运行和调试App。文章目录1.1Android开发简介... 查看详情
eclipse搭建maven开发环境
上一篇学习了maven开发环境的搭建，而且手动编写了一个mavenproject，可是这样子效率非常低下。今天带大家学习在eclipse下搭建maven开发环境。经常使用的maven命令mvnclean：执行清理操作，会将target目录中的数据删除mvncleancompile：先... 查看详情
p4开发实践—搭建开发环境
目录文章目录目录参考文档开发环境组件P4CBMv2ONOSMininet搭建开发环境虚拟机安装NG-SDNTutorialOverview更新Tutorial内容目录结构Makecommands参考文档https://www.segment-routing.net/open-software/P4/https://github.com/opennetworkinglab/ngsdn-tutoria 查看详情
软件测试环境简介
...作系统、数据库以及其他应用软件构成的环境。 开发与测试环境一般都是单独搭建的，开发与测试环境的分离是为了方便重现开发环境无法重现的bug，同时开发可以并行地修复bug,如果用开发环境来进行测试，开发人员... 查看详情
《团对-排课系统-开发环境搭建过程》
二〇一七年晚上十半多了八分钟 适合开发工具：VisualStudio2010，VisualStudio2015，VisualStudio2017 所需环境：windows系统 环境搭建过程：因为所需环境即是windows系统，所以不需要特别搭建。。。 查看详情
linux开发环境搭建
企业应用系统开发，管理类项目开发，毕设软件开发，开发环境搭建等，请加qq:2792900071(注明来意) 案例请访问 http://www.cleverklw.com/一、java环境配置信息javaversion"1.8.0_131"Java(TM)SERuntimeEnvironment(... 查看详情
python搭建开发环境
前言本章节将向大家介绍如何在本地搭建Python3开发环境。Python3可应用于多平台包括Windows、Linux和MacOSX。每种环境安装都有不同，我这里给大家介绍的是 Windows环境，如果你们的操作系统是Linux或Mac的，自行百度安装... 查看详情