在Node.js上搭建React.js开发环境

1.React.js的介绍:

React 是一个用于构建用户界面的 JAVASCRIPT 库。

React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。

React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。

React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。

特点:

  • 1.声明式设计 ?React采用声明范式,可以轻松描述应用。
  • 2.高效 ?React通过对DOM的模拟,最大限度地减少与DOM的交互。
  • 3.灵活 ?React可以与已知的库或框架很好地配合。
  • 4.JSX ? JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ,但我们建议使用它。
  • 5.组件 ? 通过 React 构建组件,使得代码更加容易得到复用,能够很好的应用在大项目的开发中。
  • 6.单向响应的数据流 ? React 实现了单向响应的数据流,从而减少了重复代码,这也是它为什么比传统数据绑定更简单。

2.在node.js上搭建React.js开发环境

1).安装node.js,安装过程可以自行查阅,这里不说明了.

2).React.js环境的搭建:

在项目文件夹下运行命令行:cnpm install -g create-react-app

3).继续输入命令行

create-react-app my-app

my-app是你的项目的名称,等待安装完成

4)命令行输入:

cd my-app

npm start

项目就跑起来了:

5)安装之后的项目

时间: 2024-10-29 19:11:39

在Node.js上搭建React.js开发环境的相关文章

在Mac上搭建React Native开发环境

概述 前面我们介绍过在window环境下开发React Native项目,今天说说怎么在mac上搭建一个RN的开发环境. 配置mac开发环境 基本环境安装 1.先安装Homebrew:用于安装NodeJS和其他工具. 注:Homebrew详解,对这个比较了解的略过,我也是用mac没多久,这里给小白普及下. Homebrew全称Homebrew is the easiest and most flexible way to install the UNIX tools Apple didn't i

搭建React Native开发环境遇到的几个问题

根据http://blog.csdn.net/itpinpai/article/details/50809068这篇文章初步搭建React Native 开发环境, 遇到几个问题 首先端口可能被占用了, 访问8081时提示无法访问 解决方法: 在运行react-native start时添加参数--port 8899, 或者在package.json中修改"scripts"中参数, 添加端口号, 或者修改项目下的node_modules\react-native\local-cli\s

React Native开发 - 搭建React Native开发环境

移动开发以前一般都是原生的语言来开发,Android开发是用Java语言,IOS的开发是Object-C或者Swift.那么对于开发一个App,至少需要两套代码.两个团队.对于公司来说,成本还是有的.然而现在有蛮多的公司开发App是基于React Native来开发的,这样可以做到一个App,就是一套代码,一个团队.对于公司来说,无疑节约了成本. <React Native开发>这系列的文章主要是记录本人利用React Native学习开发的笔记,这一篇文章是第一篇<搭建React Na

转-在Mac OS上搭建Python的开发环境

在Mac OS上搭建Python的开发环境 本文转载自:http://www.jb51.net/article/76931.htm 一. 安装python mac系统其实自带了一个python的执行执行环境,用来运行python还行,但是开发可能就不够了,因此我们需要重新安装python.这里有两种方案安装: 1.homebrew 1 brew install python 这个方案比较简单,如果出错的话可以给前面加sudo试试,这个安装的python可能不是最新版. 2.从官网下载安装大家可以

在Windows7上搭建Cocos2d-x win32开发环境

很多其它相关内容请查看本人博客:http://www.bokeyi.com/ll/category/cocos2d-x/ 建议:为了避免安全相关的问题,请以管理员权限执行全部的操作,当执行命令的时候,也要确保之前是以管理员权限打开了命令行窗体. 工具准备 搭建开发环境须要安装工具包含 Visual Studio 2013 (2012或2010也能够) python ---(本教程以python2.7.5版本号为例),下载地址:http://www.python.org/download/rele

在windows上搭建C语言开发环境——借助eclipse和MinGW

0. 前言 [本文目的] 最近在电脑上重新安装了MinGW,发现MinGW的安装方法和之前的方法稍有区别,所有再写了一篇博文记录一下详细的安装方法. [本文主要内容] 在windows上进行C语言开发,可借助MinGW+eclipse,MinGW提供可以在windows上运行的gcc编译器,而eclipse C/C++提供良好的编译环境. 环境搭建包括MinGW安装,eclipse环境搭建,eclipse工程建立简述. [历史博文] [1]MinGW安装和使用总结 1.安装MinGW [下载]

CentOS上搭建java WEB开发环境Tomcat+MySQL+JDK

对于初学者来说,想在linux系统上搭建一个java web服务器,不知道什么方案可行, 这篇文章主要是告诉这些基础和概念相对薄弱的同学,这样搭建是可行的,大体上没问 题的,出问题也是细节问题.所以此文只讲一个大体流程即可. 一.准备工作: Linux系统: CentOS release 6.4: Tomcat: apache-tomcat-8.0.9.tar.gz:下载:http://dev.mysql.com/downloads/ MySQL:mysql-5.1.73-3el6-5.src.

Mac下搭建react native开发环境

安装必需软件 Homebrew Homebrew, Mac系统的包管理器,用于安装NodeJS和一些其他必需的工具软件. /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" homebrew在安装软件时可能会碰到/usr/local目录不可写的权限问题.可以使用下面的命令修复: sudo chown -R `whoami` /usr/loca

Ubuntu14.10上搭建Android应用开发环境和系统编译环境

android应用开发环境搭建 Java JDK安装和配置. Android NDK 下载安装配置. Android ADT 下载安装配置. Android SDK 下载. Android Elicpse安装配置. Android Studio 安装配置. ## Oracle JDK 下载安装配置 ## JDK6下载地址: http://www.oracle.com/technetwork/java/javasebusiness/downloads/java-archive-downloads-