React项目的创建

╰半夏微凉° 2023-01-13 01:38 163阅读 0赞

# React环境准备及项目的创建 #

环境准备：vscode或其他软件、node、yarn  
核心思想;组件化开发（js、es6）

## node.js ##

[点击我去下载][Link 1]  
下载完成后，双击安装包，开始安装，一直点next，安装在默认路径即可。  
安装完成后，可通过cmd命令行查看版本

node -v
    npm -v

![在这里插入图片描述][20210415102306329.png]  
安装node的同时也安装了npm，之后我们可以通过npm来安装依赖。由于npm有时下载速度过慢，我们可以通过安装cnpm淘宝镜像来提高速度。

npm install -g cnpm -registry=https://registry.npm.taobao.org
    //查看版本
    cnpm -v

![在这里插入图片描述][20210415102649147.png]

## yarn的安装 ##

node.js安装完成后，使用npm/cnpm安装

npm install -g yarn
    //cnpm install -g yarn 
    查看版本：yarn --version

![在这里插入图片描述][20210415102945863.png]

## 新建react项目 ##

1.  全局安装脚手架

yarn global add create-react-app

1.  在工作目录下初始化项目

create-react-app file_name

1.  cd file\_name 进入到项目中
2.  yarn start或yarn build运行项目

![img][]

[Link 1]: https://nodejs.org/zh-cn/download/
[20210415102306329.png]: /images/20221022/4d607741916e4ef2a51b1775c6d3171d.png
[20210415102649147.png]: /images/20221022/7c936c7316524ac2a407acf2b04547b2.png
[20210415102945863.png]: /images/20221022/1fefa5b53d5346c7bbb2ec0e2f70d45c.png
[img]: /images/20221022/90895aad7a934351a53d826ef0b1161c.png

发表评论取消回复

表情：

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

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

相关阅读

相关 React脚手架搭建及创建React项目

一、Node.js 的诞生先来聊聊 Node.js 诞生的故事，了解一下它最早的定位，以及后来定位的变化。 Node.js 是2009的时候由大神 Ryan D

绝地灬酷狼/ 2023年07月11日 11:23/ 0 赞/ 98 阅读

相关 React项目的创建

React环境准备及项目的创建环境准备：vscode或其他软件、node、yarn 核心思想;组件化开发（js、es6） node.js [点击我去下载][

╰半夏微凉°/ 2023年01月13日 01:38/ 0 赞/ 164 阅读

相关创建react项目

之前搭建reactnative环境node.js、cnpm、npm、yarn都安装好了，所以下面只是查一下版本。安装cnpm npm install -g

╰+哭是因爲堅強的太久メ/ 2022年12月11日 07:46/ 0 赞/ 157 阅读

相关 REACT_react创建项目

npm install -g create-react-app create-react-app my-app ————创建my-app项目 cd my-ap

ゝ一世哀愁。/ 2022年10月11日 00:59/ 0 赞/ 188 阅读

相关 React 项目--创建组件（7）

创建组件在上一篇的博客中我们介绍了react中字符串的处理方式和字符串数组的处理方式，如需回顾: [https://blog.csdn.net/datouniao1/

冷不防/ 2022年09月03日 12:27/ 0 赞/ 161 阅读

相关创建React项目

> 1，安装好node.js > 2，安装好npm > 3，创建react项目：安装脚手架，创建项目名，进入项目，启动项目 > > npm install -

小灰灰/ 2022年05月10日 08:22/ 0 赞/ 174 阅读

相关使用react创建单页面项目

react创建单页面项目并且组件传值首先在app.js中配置路由,这里是通过react-router-dom这个自带的组件完成的定义一个

叁歲伎倆/ 2021年12月14日 05:55/ 0 赞/ 243 阅读

相关 react创建基本的webpack4项目

目录结构： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

我会带着你远行/ 2021年12月14日 01:45/ 0 赞/ 266 阅读

相关创建React+umi+dva+antd项目

创建React+umi+dva+antd项目本文是基于Windows 10系统环境，进行安装和使用 Windows 10 React ---------

刺骨的言语ヽ痛彻心扉/ 2021年09月21日 00:40/ 0 赞/ 801 阅读

相关使用create-react-app脚手架创建React项目

1. 介绍在开发react应用时，应该没有人用传统的方法引入react的源文件(js)，然后在html编辑吧。大家都是用webpack + es6来结合react

女爷i/ 2021年09月17日 02:10/ 0 赞/ 445 阅读