React新建项目

最新推荐文章于 2024-09-26 19:51:05 发布
最新推荐文章于 2024-09-26 19:51:05 发布
阅读量99 收藏
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44269412/article/details/108519463
版权

首先确保安装了node环境
在这里插入图片描述
新建项目

npm install -g create-react-app
create-react-app  reactApp    //项目名

在这里插入图片描述
新建成功
在这里插入图片描述
vscode目录如下：
在这里插入图片描述

打开终端，启动项目
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

wmt-xbyg
关注
专栏目录
React项目搭建
weixin_42261203的博客
09-09 304
最近再学习react，今天给大家讲解下mac 是如何搭建react项目的，和搭建过程中遇到的问题 步骤一： 搭建环境 首先要安装node,这个就不详细介绍了，大家自行百度 安装webpack npm install -g webpack 搭建淘宝镜像 使用淘宝cnpm代替npm 1 npm install -g cnpm --registry=https://registry.npm.taobao.org 2 npm config set registry https://registry.np
react项目创建
weixin_54522911的博客
07-19 161
如何创建一个完整的React项目项目创建前置准备工具项目创建 项目创建前置准备 工具 首先我们要创建一个Gitee仓库 创建完成之后选择SSH，然后复制链接 通过Git Bash Here工具将线上仓库克隆到我们本地 git clone为我们的克隆命令，后面是我们复制的仓库地址 这时候我们的项目前置工作基本完成 项目创建 线上仓库拉到我们本地之后，我们打开我们拉取的文件 cd为文件打开命令，后面是文件名 打开之后，输入npx create-react-app xx 以此来创建我们的项目xx是我们的项目名
创建react项目
最新发布
weixin_52813800的博客
09-26 438
进入文件夹-》cmd界面，输入以下命令npx create-react-app 项目名出现下图，则创建成功若3000端口被占用就会出现提示，直接填y即可。
创建react的项目
qq_38903404的博客
09-07 149
React介绍 react、vue、angular俗称前端框架三驾马车 React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了 React 是一个用于构建用户界面的 JAVASCRIPT 库。 React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图） react 和 vue 的区别
如何从零开始创建React项目（三种方式）
weixin_46379044的博客
07-03 557
在开发React项目前最关键的当然是项目的创建，现在的前端工程化使得前端项目的创建也变得越来越复杂，在这里介绍三种从零开始创建React项目的方式，分别是在浏览器中直接引入、使用官方脚手架create-react-app、使用Webpack创建。 浏览器中通过标签直接引入 React框架有两个核心的包，分别是react以及react-dom,如何想直接在浏览器中使用React，那么把这两个包直接引入就可以了。 如果想要使用JSX语法，那么必须引入Babel。 接下来我会以一个完整的html示例来
webpack+react新建项目—— 使用react-router-dom和antd
weixin_54012475的博客
02-24 591
安装react-router-dom npm install react-router-dom 修改app.tsx组件 import React, { useState } from "react"; import { BrowserRouter, Route, Link, Routes } from "react-router-dom" interface IProps { title: string } const About = () => { return &lt
使用react脚手架新建项目，yarn的使用，配置react支持less，babel-plugin-import按需加载antd
热门推荐
lvanboy的博客
03-05 1万+
如何安装react脚手架？ Npm install -g create-react-app 如何使用react脚手架初始化项目？ Create-react-app 项目名称（初始化项目位于命令行目录位置） 什么是yarn，为什么使用yarn？ Yarn新一代包管理工具，优点是速度更快，版本同一，安全，更简洁的输出，更好的语义化。 如何使用yarn？ Yarn...
使用react脚手架创建工程化项目【详解】
m0_60150712的博客
07-11 653
在今后使用脚手架创建项目的时候，首先需要安装脚手架，通过安装好的脚手架再去创建React项目。- 项目的整体技术架构为: react + webpack + es6 + eslint。- react脚手架: 用来帮助程序员快速创建一个基于xxx库的模板项目。- 下载好了所有相关的依赖。使用小写字母或者中线、下划线。（语法检查、jsx编译、devServer…注意：项目名不能有大写字母，否则会报错。- 包含了所有需要的配置。模块化, 组件化, 工程化。react脚手架的介绍。项目搭建的步骤并启动。
react初始化项目——如何初始化一个纯净、精简的react项目
weixin_44607531的博客
02-24 2992
react 默认创建出来的项目文件一大堆，默写文件我们从头到尾都不会用到，而且这些文件会干扰我们项目的开发，所以本文章将讲解怎样创建一个精简版的初始化项目 1、创建项目 在指定路径下执行如下命令创建react项目 create-react-app demo 2、删除部分文件 刚创建完的项目结构如图所示 可以选择性删除git和readme等文件 清空public和src文件夹，即删除两者下的所有文件 清理完的结构目录如下： 3、添加index.html文件 在public文.
创建一个react项目
qq_45272329的博客
02-14 972
写了许久的Vue了，现在准备写个React后台项目来练练手，首先第一步创建一个React项目。第一步肯定需要安装node开发环境，这个可以看这篇文章。 创建React项目，第一步需要安装node.js，因为之前我已经开发Vue，所以node环境是OK的，执行以下命令，全局安装React脚手架命令： $ npm install -g create-react-app 在全局安装的过程中，如果出现React脚手架版本必须在1x.x.xx以上，目前版本是9.x.xx，需要升级node提示的时候。这时候千万不
创建一个 react 项目
weixin_44589540的博客
05-05 176
前置条件：已安装node.js 还没有安装可以参考以下链接： 菜鸟教程——Node.js 安装配置 注意：以下命令的执行需要管理员权限，如果使用VS Code进行开发，可以右键快捷方式，选择以管理员方式运行。 1.安装脚手架 npm install -g create-react-app -g表示全局安装 2.用脚手架工具初始化一个项目模板 create-react-app 你的项目名称 3.进入文件夹，启动页面查看效果 cd 你的项目名称 npm start 看到此页面说明创建 react 项目成功
react 弹框 新建项目功能
10-17
您可以使用 React 的 Modal 组件来实现弹框功能，具体步骤如下： 1. 安装 Modal 组件：`npm install react-modal` 2. 在需要使用弹框的组件中引入 Modal 组件：`import Modal from 'react-modal';` 3. 在组件的 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值