后端开发需看的前端‘react’环境配置及使用

Posted 2021-05-01 Java架构师社区

↑ 点击上方“Java架构师历程”关注我们

React是什么?

React 起源于 Facebook 的内部项目，因为该公司对市场上所有 javascript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。

Mac react环境搭建

网上的教程有好多，在这里不一一列举，我只介绍我今天安装成功的步骤首先，在安装react之前要先配置好node

1.安装node 

在这里下载node的安装包https://nodejs.org/en/download/ 。我下载的是.pkg文件，直接双击安装就好

  node -v命令检验是否安装成功

  npm -v用来检测npm；

2通过npm使用react 

 国内使用 npm 速度很慢，你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org$ npm config set registry https://registry.npm.taobao.org

一般这个时候就可以使用cnpm来进行操作，但是我的一直显示命令未找到。所以我放弃了使用cnpm，继续使用npm命令

给npm配置taobao镜像的registry

npm config set registry https://registry.npm.taobao.org

然后直接用

npm install gulp less --save-dev

就是从taobao镜像拿包了---上面几个命令都得执行

3使用 create-react-app 快速构建 React 开发环境 

create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。

create-react-app 自动创建的项目是基于 Webpack + ES6 。

执行以下命令创建项目：

$ cnpm install -g create-react-app
$ create-react-app my-app
$ cd my-app/$ npm start

在浏览器打开http://localhost:3000/ 

如下图安装并启动成功!

✔运行别人的react项目 

从git clone或者直接复制到某一个路径下，用webstorm打开，在webstorm的终端下面输入

$ npm install

命令，相当于将项目载入环境；之后输入

$ node server

    

今天给大家推荐8个优质公众号。每个人都在用心输出，坚持做到不去消费读者。有 Java、有 Python、有前端、有分享编程资源、数据库、项目管理等

猿媛牧场

高永亮的笔记大全

java工会

简介：秉承着技术改变世界，程序创造未来的宗旨，专注于java技术分享。为读者提供专业的技术解决方案，架构规划，求职面试等最新讯息。Talk is cheap, show me the code！

内推猿

逻辑熊猫带你玩Python

Java架构师历程

简介：一个专注于为java工程师提供技术干货的文章平台，使其从小牛历练到大拿，在架构师的路上一路前行,共学习,共进步；小程序中更多无广告优质文章,欢迎关注!!! 后台回复java技术关键字获取更多学习资源。

前端社区

Java社区

Java架构师历程

mush

专注于为java工程师提供技术干货的文章平台，使其从小牛历练到大拿，在架构师的路上一路前行,共学习,共进步； 小程序中更多无广告 优质 文章,欢迎关注!后台回复java技术关键字获取更多学习资源。

无广告的Java文章平台,点击查看

喜欢

分享

or