react框架学的差不多了，就想搭建一个博客，沉淀一下！记录走过的点点滴滴！博客主要运用技术栈：react : 项目主框架redux : 状态管理reacr-router : 前端路由控制es6 : 项目中的JS语法Ant Design : 前端UI框架Axios : 异步请求数据处理部署开发环境安装node环境，官方地址：https://nodejs.org/en/ 。...
原创
2022-10-27 20:14:53
299阅读
一、 使用create-react-app创建react应用1.1. react脚手架xxx脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目包含了所有需要的配置（语法检查、jsx编译、devServer…）下载好了所有相关的依赖可以直接运行一个简单效果react提供了一个用于创建react项目的脚手架库: create-react-app项目的整体技术架构为: re
转载
2024-07-30 14:49:09
544阅读
前言在这之前，每开始一个新项目我都是使用现有的脚手架，这非常便于快速地启动一个新项目，而且通用的脚手架通常考虑地更加全面，也有利于项目的稳定开发；不过对于一个小项目，根据需求自己搭建可能会更好，一方面小项目不需要脚手架那么丰富的功能，另一方面可以提高对项目的掌控度以方便后期的扩展。这篇文章是在实践中总结的，具有实操性，读者可跟着一步步进行搭建，中间我会穿插一些原理，当然因为笔者的能力有限，不会特别
转载
2024-07-23 11:14:31
31阅读
目录：1. 前期准备2. Create React App3. 工具及插件 安装第三方插件 安装 bootstrap 执行 eject4. 在线 React 创建 前期准备1. 安装 Node.js。同时建议安装 nvm，nvm 用于进行 Node 版本的控制。2. 安装编辑器，比如 VSCODE。 Create React AppCreate React App 官网：
转载
2024-01-16 14:42:41
200阅读
前言：简单记录一下第一次搭建react项目框架，之前只是在已搭建好的框架内去开发实现项目，没有自己动手搭建过，亲自动手实际操作，还遇到挺多问题的。参考了不少文献，帮助我解决并完成整个项目搭建的文献，都会在文章最后附上链接，感兴趣的可以都看一下。 我这里创建项目使用的是官方脚手架工具create-react-app1、先安装node，具体版本的话看自己需要，不过版本过低或过高，后续可能会出现报错情况
转载
2023-10-27 11:12:30
53阅读
一、创建 React 项目create-react-app 项目名称二、下载依赖包1、下载路由yarn add react-router-dom@5.3.0
npm i react-router-dom@5.3.02、下载状态机3、下载 antdnpm i antd
yarn add antd三、配置相关插件1、配置路由2、配置状态机3、配置 antdantd 框架中的组件都是按需引入。但是，组件
转载
2023-09-17 00:01:38
121阅读
目录前言一、create-react-app 脚手架快速搭建 react 项目1、安装 create-react-app2、检测 create-react-app 是否安装成功3、创建 react 项目二、generator-react-webpack 脚手架搭建 react 项目1、安装 yeoman2、安装 generator-react-webpack3、创建 react
转载
2023-11-11 12:38:56
91阅读
呀呀呀呀，快过年啦，开心！而且之前一直想做的2个事，一个从0到1自定义开发ui组件库（从0到1 开发一个自己的ui库）已经做好啦，还有一个做个自定义的脚手架，现在也做好啦。2个flag完成，开心开心。提前祝大家新年快乐呀！1. 效果展示好了，回归正题，说一说开发这个脚手架的过程。首先呈现一下使用效果，这个脚手架生成的项目，包含有登录、框架以及菜单、按钮、路由权限。ps：刚创建的项目，它的登录、权限
在这篇文章中，我将详述如何使用 Yarn 搭建一个 React 项目。我的目标是为大家提供一个清晰、易于遵循的指南，以便顺利实现项目搭建的各个环节，包括环境准备、分步指南、配置详解、验证测试、优化技巧以及扩展应用。
## 环境准备
为了成功搭建 React 项目，需要确保你的开发环境满足以下软硬件要求：
| 组件 | 要求 | 版本兼容性
create-react-app
这边文章逻辑较乱，如果你有看过eject的create-react-app相关webpack源码,阅读下面的文章说不定会有意外收获(或者直接看10. 如何修改create-react-app的默认配置)1. dotenvDotenv是一个零依赖模块，可以将.env文件中的环境变量加载到process.env。2. 修改配
通常来讲，我们在使用docker build Nodejs容器时，代码中就有预设一些参数，作为各个环境的环境变量，例如数据库的URL等 但作为前端应用react，在编译了代码后，生成的代码使用Nginx代理在浏览器中运行，那么注意，在浏览器中没有环境变量这个东西，所以原本在后台Nodejs服务器中的获取环境变量的方案，在前端React项目中不可用实际上，process在浏览器环境都不存在
转载
2024-09-10 18:05:14
38阅读
常用配置说明entry可以接受字符串，数组，对象等多种格式项目打包入口文件，可以是绝对路径也可以是相对路径webpack 打包默认入口文件是 ./src/index.js 约定，默认输出是 项目根目录下 /dist/main.jsoutput 打包后的内容输出相关配置，path打包后文件路径, 只能使用绝对路径常用loader相关理解默认情况下，webpack 值支持.js,.json文件，通过
转载
2021-01-29 10:59:50
557阅读
2评论
官方文档链接：UmiJS官方文档React官方文档Ant Design官方文档一、项目搭建对于react umi项目搭建，umi官方文档已经写的很清晰了，具体请查看上面的umi官方文档链接。这里我不再详细说明，着重说明一些需要注意的地方。1. 首先，确认是否已安装node和umi，本文umi版本使用3.0版本。$ node -v
$ umi -v2. 可通过以下两种命令创建项目，但创建出来的项目u
React项目搭建yarn
作为一名经验丰富的开发者，我将教你如何搭建一个React项目并使用yarn进行管理。首先，我会告诉你整个搭建过程的流程，然后我将逐步引导你进行每一步操作，包括需要使用的代码和注释。
流程：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建React项目 |
| 2 | 安装yarn |
| 3 | 初始化项目 |
| 4 | 添加React
原创
2024-04-19 06:26:54
136阅读
我以下的方式，其实并把Ant Design Pro文件打包到生成的安装包里，所以，安装包=Ant Design Pro+Electron环境
ant-design-pro ----> version ：2.3.1
由于网上Ant Design Pro+Electron的资料太少，我就贡献一点经验
转载
2024-08-19 20:15:35
151阅读
随着大前端时代的到来，我作为一个后端也开始了解前端三大框架，React、Vue、Angular都或多或少的接触过。最喜欢国人尤雨溪的vue，React对一个后端来说比较难入门，Angular又比较重，vue的双向数据绑定很合后端开发人员的胃口，文档简单好懂易上手，并且可以快速构建自己的前端框架，所以想走全栈开发方向
转载
2023-12-21 15:51:51
142阅读
一、背景介绍01React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认为它可能是将来 Web 开发的
前言此 blog-react-admin 项目是基于 蚂蚁金服开源的 ant design pro 之上，用 react 全家桶 + Ant Design 的进行再次开发的，项目已经开源，项目地址在 github 上。效果预览 https://preview.pro.ant.design/user/login1. 后台管理1.1 已经实现功能 登录 文章管理（支持 MarkDow...
原创
2021-08-30 15:38:52
385阅读
React的项目搭建项目搭建比较简单，先安装react脚手架，然后创建项目就完事了第一步安装node（基本环境）第二步安装webpack（基本环境）直接敲命令运行即可npm install -g webpack第三步配置淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry
转载
2023-12-16 15:19:24
50阅读
这款基于React开发的UI框架，界面非常简洁美观，在这篇文章中我主要为大家介绍一下如何用Ant开始搭建React项目
原创
2023-06-01 09:25:11
226阅读
