1.安装node.JS

官网下载自行下载地址:https://nodejs.org/zh-cn/download/

2.检测npm和node的安装情况

使用node -v和npm -v在控制台进行输入

3.安装react脚手架

安装命令

npm i -g create-react-app

如果电脑下载的比较慢,可以使用淘宝镜像进行安装

1.安装淘宝镜像命令

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

2.检测淘宝镜像安装情况

cnpm -v

3.使用淘宝镜像安装脚手架

cnpm install -g create-react-app

4.如果出现无法在系统上运行脚本的报错

无法加载文件 D:\dev\nodeJs\node_global\cnpm.ps1，因为在此系统上禁止运行脚本

需要在管理员权限的命令窗口处输入以下命令

set-ExecutionPolicy RemoteSigned

4.开始创建react项目

在需要创建的文件夹的地址上输入cmd,点击回车后输入以下命令

create-react-app  项目名称

项目名称自己定义,也就是整个项目文件夹的名称

5.启动react项目

进入刚创建好的react目录下,在cmd命令行下输入

npm start

如果需要停止请按下CTRL + C键即可

react脚手架创建命令教程相关推荐

react脚手架创建项目报错，ReactDOM.render is no longer supported in React 18.
react脚手架创建项目报错,ReactDOM.render is no longer supported in React 18. 最近新写一个react的项目,但是发现已经更新到了18.0的版本, ...
React 脚手架创建项目
意义现代的 Web 应用要考虑的问题很多,除了编写业务代码之外,还要考虑代码规范.预编译.压缩合并.打包上线等工作,需要有一套完整的解决方案来辅助我们快速开发,而 React 脚手架就是这么一套完 ...
【react】使用react 脚手架创建项目
项目一.React(脚手架) 1.1.安装脚手架: cnpm install create-react-app -g //全局安装脚手架 1.2.创建项目 create-react ...
React脚手架创建步骤
前言 React为了方便开发者使用React的全部特性,提供了一个create react app工具,用于创建脚手架项目.官网也表明Create React App是一个用于学习React的舒适环境 ...
使用react脚手架创建 tsx版本，react添加typescript
这几天老大被我们写的各种花里胡哨的jsx代码给搞得有点难受,组件各种传值,随便命令类型随意切换,搞得让别人看见代码就很难受,老大就说了过段时间切成 ts版本,不让你们这么随意书写代码,好歹给 ...
React——脚手架创建、基本操作、Typescript
React官方文档: https://react.docschina.org/ 1. 全局安装 cnpm i -g create-react-app 2. 创建项目 /*js*/ create-rea ...
react 脚手架创建后暴漏配置文件运行yarn eject 报错（已解决）
创建项目后运行yarn eject 报错问题 git add .git commit -am "save before eject"注:这里是 -am之后再次 yarn ejec ...
React 全家桶（react脚手架 redux react-redux react-router-dom ui库 reactHook）含自定义hook的方法及使用
文章目录 React 入门 React 简介 React 为何物为何学习 React React 初体验来一发 Hello React 创建虚拟 DOM 的两种方式:JS 和 JSX 虚拟 DOM ...
react脚手架显示npm不知内部命令_第一章 React开发环境搭建
react16:用于构建用户界面的javascript库. Facebook推出的开源框架,函数式编程风格. 一.安装Node.js Node中文网址:http://nodejs.cn/ Node.j ...

react脚手架创建命令教程