react 环境搭建

忘是亡心i 2022-04-24 03:06 292阅读 0赞

1.安装node

2、安装webpack 以及webpack-cli

npm install -g webpack webpack-cli

3、安装create-react-app

npm install -g create-react-app

![20190414162838403.png][]

4、创建一个项目

create-react-app 项目名

![20190414162937575.png][]

![20190414163002472.png][]

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tyeXNsaWFuZw_size_16_color_FFFFFF_t_70][]

node\_modules用于存放项目的依赖包，也就是构建这个React项目可能会用到的工具，

--public文件夹中是 index.html存放目录，也就是React根页面的所在地

\-src中用于存放js文件，也就是项目开发中的主要区域

\--package.json用于记录项目信息，以及外部依赖包的导入信息等

\--json文件不能直接打开，需要用到文本编辑器，

5、初始化项目

npm init   （然后一路回车）

npm install --save react react-dom  ( 在该目录下导入react和react-dom）

npm install --save  react-router-dom   （react路由，以后会用到）

[20190414162838403.png]: /images/20220220/370d3aef990645cfafe4abc7124c64fc.png
[20190414162937575.png]: /images/20220220/f9d311dd70d64b12bbfdc020f14cc0ec.png
[20190414163002472.png]: /images/20220220/5785509779a74a00a0cd47b6557f3d06.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2tyeXNsaWFuZw_size_16_color_FFFFFF_t_70]: /images/20220220/89c3ea51c0534b70bf3f3c492db7009b.png

发表评论取消回复

表情：

评论列表（有 0 条评论，292人围观）

还没有评论，来说两句吧...

相关阅读

相关搭建 React 开发环境

初始化创建文件夹并进入： $ mkdir tristana && cd tristana 初始化 `package.json` $ npm ini

我会带着你远行/ 2022年10月30日 15:27/ 0 赞/ 44 阅读

相关 REACT 项目环境搭建

1. yum install nodejs 2.npm 淘宝镜像配置参考 http://blog.csdn.net/wangweiscsdn/article/detail

àì夳堔傛蜴生んèń/ 2022年06月08日 01:13/ 0 赞/ 352 阅读

相关 React-Todo—环境搭建

我也是初学react，一切都在探索中。具体的步骤我可能会略去，重点谈一下，搭建过程中我遇到的问题和觉得重要的部分。如果有误请指正。 ------------------

淡淡的烟草味﹌/ 2022年05月31日 10:53/ 0 赞/ 255 阅读

相关 React开发环境搭建

1. 安装node.js node js 官网:[https://nodejs.org/en/][https_nodejs.org_en] ![70][] 安装

忘是亡心i/ 2022年05月28日 02:47/ 0 赞/ 431 阅读

相关 React入门——开发环境搭建

一、Node.js下载打开Node.js的官网[https://nodejs.org/en/][https_nodejs.org_en]，它会自动识别所在的环境，推荐你

比眉伴天荒/ 2022年05月19日 10:06/ 0 赞/ 322 阅读

相关 react 环境搭建

1.安装node 2、安装webpack 以及webpack-cli npm install -g webpack webpack-cli 3、安装create-reac

忘是亡心i/ 2022年04月24日 03:06/ 0 赞/ 293 阅读

相关 React环境搭建

简单记录reactjs环境搭建 > 安装node.js，直接在官网下载安装包即可 node.js 官网 [nodejs.org/en/][nodejs.org_en] 注

Bertha 。/ 2022年01月20日 01:59/ 0 赞/ 337 阅读

相关 react的环境搭建

1、装node、npm、cnpm [https://blog.csdn.net/qq\_36784628/article/details/84587026][https_bl

拼搏现实的明天。/ 2021年12月21日 10:23/ 0 赞/ 339 阅读

相关 react 搭建脚手架环境

React脚手架环境一键搭建React所有环境 1、安装 npx create-react-app 项目名称或

朴灿烈づ我的快乐病毒、/ 2021年07月25日 01:18/ 0 赞/ 518 阅读

相关 webpack3 搭建react环境

在之前的服务器基础上,实际上是webpack+es6+react才是react环境安装react环境 1、安装 cnpm

约定不等于承诺〃/ 2021年07月24日 17:55/ 0 赞/ 462 阅读