搭建 React 项目

最新推荐文章于 2024-03-14 14:17:23 发布
最新推荐文章于 2024-03-14 14:17:23 发布
阅读量191 收藏
点赞数
分类专栏： 前端 react 文章标签： react.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ASIYAas/article/details/123282357
版权

最近在学react ，对我来说花很多时间学习是不太可能了
所以想的搭建项目快速学习~
不知道成不成 害~

加油吧家人们！！！！
开始了哈 很简单的！

react 搭建项目：

找个合适的位置新建项目， 在目录处 写 cmd 打开命令版

node -v

nvm list 

//  此代码就是搭建项目的代码，其中 demo 是项目名称
npx create_react_app demo   （第一次创建可能会比较慢）

创建后  

dc  demo   // 进入到dc 

code .    // 用 VS Code  打开项目

在这里插入图片描述
。。。。。。。

一堆在创建内容

看到这些就说明创建完成

看到的页面如下：

完工了！
可以安心开始的项目了
加油哈陌生人！！！

耶耶as
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
怎样构建一个react项目
03-02
从零开始构建react项目
React项目搭建
totoro1992的博客
01-29 461
React + webpack项目搭建
搭建React项目
最新发布
tian19920813的博客
03-14 721
创建一个新文件夹my-react-app，并在该文件夹下使用终端创建项目my-react-app。暴露webpack配置，此操作不可撤销，请按需要操作。react项目默认隐藏了webpack相关配置，执行。在src下新建文件src/api/http.ts。在页面上看到欢迎按钮，引入成功。此时，项目已经创建完成，运行。
react项目搭建
qq_40595166的博客
03-12 3319
1 创建React-APP 通过官方的create-react-app，找个喜欢的目录，执行： npx create-react-app app-name 稍等片刻即可完成安装。安装完成后，可以使用npm或者yarn启动项目。或者直接在vscode中打开项目，执行start命令启动项目。项目文件结构如下图： 2 精简项目 2.1删除不用的文件 删除后目录如下： 2.2简化代码 逐个修改以下文件： src/App.js代码简化如下： import React from '...
搭建一个react项目
qq_26616399的博客
08-11 411
到这里一个使用webpack打包的react+redux(ducks)的基本应用模型就出来了，虽然简单但是是我们进行更复杂项目的基础，并且有了这些基础后面的路程将会顺畅多了，一起加入react的大家庭吧。
cesium使用webpack搭建react项目
10-08
cesium使用webpack搭建react项目
react_start:快速搭建react项目 cms
05-06
react_start 介绍 react_start 后台管理系统 react_start 基于react-router4、redux This project was bootstrapped with . Below you will find some information on how to perform common tasks. You can find ...
react-self-webpack:用webpack手动搭建react项目
05-29
用webpack手动搭建react项目 React Router附带了一些hooks钩子，可让您访问路由器的状态并从组件内部执行导航。 useHistory useLocation useParams useRouteMatch // 用法 const history = useHistory(); history....
基于webpack4搭建的react项目框架的方法
12-10
手动搭建，不使用cli，大量注释适合初学者对webpack的理解学习，对react项目的深入了解 启动 git clone https://gitee.com/wjj0720/react-demo.git cd react-demo yarn yarn start 打包 yarn build 目录结构...
Reactjs项目构建
Dreamer.
09-16 231
1.通过node环境创建react工程插件 npm install -g create-react-app 2.指定目录创建React工程 create-react-app <工程名> 3.进入目录启动项目 cd <工程根目录> yarn start 4.创建第一个组件 创建welcome.js import React, {Component} from 'react'; class Welcome extends Component { render() {
使用create-react-app自动构建react项目
cs840610862的博客
07-27 267
npm install -g create-react-appcreate-react-app my-app cd my-app/ npm start
React脚手架搭建及创建React项目
热门推荐
蜡笔love小新的博客
10-26 2万+
1.安装node.js和npm:    可自行到node官网下载，下载node完成后，npm也会自行下载完成。 2.通过cmd执行 node -v 和 npm -v 查看是否下载成功和下载成功后的版本号。   3.安装好的npm的源默认是国外的源，会因为网络原因导致执行npm操作有延时，我们可以切换npm的源为淘宝的源镜像。    执行 npm config set registry h...
构建React项目
DFmoon
06-18 604
React项目构建 1.先建立一个文件夹，然后初始化npm init，生成package.json文件； 2.安装webpack相关插件npm install webpack webpack-cli webpack-dev-server webpack-merge ，其中，webpack-cli是webpack的命令工具，既然安装webpack，就必要安装这个，webpack-dev-serv...
搭建一个React项目
前端小白的逆袭
11-08 178
搭建react项目，如何搭建react项目，搭建react项目流程，命令行搭建react项目，react
创建react项目
初郁
09-14 177
使用 create-react-app 快速构建 React 开发环境 create-react-app 是来自于 Facebook，通过该命令我们无需配置就能快速构建 React 开发环境。 create-react-app 自动创建的项目是基于 Webpack + ES6 。 执行以下命令创建项目： $ cnpm install -g create-react-app $ create-react-app my-app $ cd my-app/ $ npm start 在浏览器中打开 http://l
vite搭建react项目
06-08
以下是使用 Vite 搭建 React 项目的步骤： 1. 首先，安装 Node.js 和 npm。 2. 使用 npm 安装 Vite： ``` npm install -g vite ``` 3. 创建一个新的 React 项目： ``` npm init vite@latest my-react-app ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值