初始化React脚手架

简介: 初始化React脚手架

A.react脚手架

1. xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目

1.包含了所有需要的配置(语法检查、jsx编译、devServer

2.下载好了所有相关的依赖

3.可以直接运行一个简单效果

2.react提供了一个用于创建react项目的脚手架库: create-react-app

3.项目的整体技术架构为:  react + webpack + es6 + eslint

4. 使用脚手架开发的项目的特点: 模块化, 组件化, 工程化

B.创建项目并且启动

第一步,全局安装:npm i -g create-react-app

第二步,切换到想创项目的目录,使用命令:create-react-app react_staging//在这里创建脚手架

第三步,进入项目文件夹:cd react_staging

第四步,启动项目:npm start

C.默认端口号:3000

相关文章
|
7月前
|
前端开发
React-脚手架
React-脚手架
49 0
|
6天前
|
前端开发 JavaScript 开发者
React 项目用过什么脚手架(本题是开放性题目)
React 项目用过什么脚手架(本题是开放性题目)
15 0
|
6天前
|
缓存 前端开发 JavaScript
第二十八章 React脚手架配置代理
第二十八章 React脚手架配置代理
|
6天前
|
前端开发 测试技术 程序员
第十五章 react脚手架
第十五章 react脚手架
|
10月前
|
缓存 JavaScript 前端开发
Windows7压缩包安装node.js 报错提示windows Server 2012 R2 和安装React脚手架 最详细教程
对于Windows 7安装node.js 提示“This application is only supported on wWindows 8.1,windows Server 2012 R2, or higher.”类似这种情况的,该问题是因为node.js官方在 x12版本后就不支持win7系统了。
|
7月前
|
前端开发 应用服务中间件 nginx
简单几步,将React项目脚手架Webpack换成Vite⚡⚡,附带性能比较和思考
简单几步,将React项目脚手架Webpack换成Vite⚡⚡,附带性能比较和思考
|
8月前
|
缓存 前端开发 JavaScript
React | React脚手架解析
React | React脚手架解析
|
11月前
|
缓存 JavaScript 前端开发
|
前端开发
React使用TS模板脚手架报错:声明了“ React”,但从未读取其值
React使用TS模板脚手架报错:声明了“ React”,但从未读取其值
614 0
|
前端开发
React脚手架报错:Cannot create a project named ““ because of npm naming restrictions:
React脚手架报错:Cannot create a project named ““ because of npm naming restrictions:
361 0
React脚手架报错:Cannot create a project named ““ because of npm naming restrictions:

热门文章

最新文章