首页 > 其他分享 >我再也不会使用 create-react-app 了。

我再也不会使用 create-react-app 了。

时间:2022-09-20 11:35:11浏览次数:122  
标签:项目 create react 使用 app 运行

我再也不会使用 create-react-app 了。

对于我们必须先学习才能做的事情,我们通过做来学习。

在你开始阅读之前,请给我一个关注和分享。

如果您正在使用 react 并在启动新项目时使用命令“create-react-app”,请停止,因为您需要尝试另一种方式来启动您的项目,今天我将引导您完成这条路径,以便您可以构建您的下一个项目更快更容易。

首先,打开你最喜欢的 IDE 并打开一个空文件夹来存储你的项目文件,然后在你的终端上运行下面的命令。

运行此命令后,它会询问您几个关于项目名称、您要使用的框架以及您是否要使用 Typescript 或 JavaScript 构建的问题。

成功回答这些问题后,您将看到如何运行项目的详细信息。

只需导航您的项目,安装依赖项并运行命令,npm run dev 即可查看如下所示的结果。

如果你看到上面的屏幕说明你已经成功地用 React 创建了一个新项目,正如上面已经提到的,你可以使用你最喜欢的框架和这个方法,在这里快速说明一下,因为我们使用的是 Vite,所以无论何时你都会有更快的性能你运行你的应用程序。

这都是我的。希望这篇文章对你有帮助:)

如果您想在 LinkedIn 上建立联系,请在下方链接。

我的方式 |领英

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明

本文链接:https://www.qanswer.top/38146/27572011

标签:项目,create,react,使用,app,运行
From: https://www.cnblogs.com/amboke/p/16710473.html

相关文章

  • React Native — REST API 调用
    ReactNative—RESTAPI调用ReactNative/JSShorts的一部分:切中要害|简单的1.0获取fetchAPI是一个现成的JS函数。我们可以使用它在我们的ReactNative......
  • uniapp生成二维码
    uniapp—H5生成二维码操作<template> <viewclass='pages'> <!--二维码--> <viewclass="qr-box"> <canvascanvas-id="qrcode"v-show="qrShow"/> </vi......
  • uniapp单选全选
    <view>      <viewclass="cssss"v-for="(item,index)inhondianCss":key="index">        <viewclass="hondian":class="item.shows?......
  • react useMemo、useEffect和 useCallback区别及与 vue 对比
    reactuseMemo和useEffect和useCallbackuseEffecteffect只能在DOM更新后触发useMemo传入useMemo的函数会在渲染期间执行,即在DOM更新前触发的,就像官方所说的,类比......
  • Activiti6.0下activiti-app实现一个简单请假流程
    Activiti6.0下activiti-app、activiti-admin、activiti-rest的基本配置,详见上文:https://www.cnblogs.com/gdjlc/p/16703897.html下面实现一个简单请假流程。一、创建流程......
  • React18 (四) Context,Effect,Reducer和Memo
    代码地址:https://github.com/showkawa/react18-ZeroToOne/tree/main/react031.Context在React中组件间的数据通信是通过props进行的,父组件给子组件设置props,子组件给后代......
  • [通明境 · React架构]通俗地讲React,优雅地理解React
    1前言大家好,我是心锁,一枚23届准毕业生。如果读者阅读过我其他几篇React相关的文章,就知道这次我是来填坑的了原因是,写了两篇解读react-hook的文章后我发现——并不是每......
  • 【Bug解决】CentOS-8中“Failed to download metadata for repo ‘AppStream‘: Canno
    【Bug解决】CentOS-8中“Failedtodownloadmetadataforrepo‘AppStream‘:Cannotdownloadrepomd.xml”_wx60ec3f390925a的技术博客_51CTO博客 问题原因:CentOS-8......
  • LeetCode448. Find All Numbers Disappeared in an Array
    题意n个数,统计1-n中未出现的数方法遍历和标记代码classSolution{public:vector<int>findDisappearedNumbers(vector<int>&nums){sort(nums.beg......
  • uniapp蓝牙多设备连接
    博客园断更快一年了终于想起来我还有个博客,也主要是最近工作上面也没有什么想记录的,不过最近倒是搞了个有意思的功能项目 请注意:此文章禁止转载,抄袭,这是对我个人知识产......