当前位置: 首页 > article >正文

yarn webpack脚手架 react+ts搭建项目

  1. 安装 Yarn
    首先,确保你已经安装了 Node.js 和 Yarn。如果还没有安装 Yarn,可以通过以下命令安装:
npm install -g yarn
  1. 创建项目
    使用 create-react-app 脚手架创建一个带有 TypeScript 的项目,node更新到最新版,并指定使用 Yarn:
    在终端运行以下命令来全局安装create-react-app的命令行工具:
yarn global add create-react-app

创建一个新的React项目并且添加TypeScript支持:

npx create-react-app my-app --template typescript

npx create-react-app my-react-ts-app --template typescript --use-yarn
  1. 进入项目目录
cd my-react-ts-app
  1. 如果没有 yarn.lock 文件
    如果你发现项目中没有 yarn.lock 文件,可以手动创建它:
yarn install

这将安装项目依赖,并生成 yarn.lock 文件。
5. 更新 yarn.lock文件
如果你需要更新yarn.lock文件,可以重新运行 yarn install

yarn install
  1. 运行项目
yarn start

7、配置alias别名,@/路径,或less sass 配置
使用react-app-rewired + customize-cra或@craco/craco

搭建项目


http://www.kler.cn/news/303538.html

相关文章:

  • ELK 架构中 ES 性能优化
  • 简单聊聊bait文件
  • 班组建设中如何避免团队协作的问题?
  • PEI转染试剂原理
  • 探索代码的守护者:Pyflakes,Python代码的隐形盾牌
  • SpringBoot依赖之Spring Boot Admin(二)
  • 在 macOS 上安装 Python 3 并设置本地编程环境的方法
  • Reactive 编程-Project Reactor
  • Web3 详解
  • vue vueUse利用useInfiniteScroll API 实现虚拟滚动
  • Spring Boot实战-文章管理系统(1.用户相关接口)
  • 【动态规划】回文串问题
  • PHP省时省力海报在线制作系统小程序源码
  • day-55 从字符串中移除星号
  • Nature|纪念斯隆凯·特琳癌症中心发布有效率达50%的个性化RNA疫苗,强力阻断胰腺癌复发|顶刊速递·24-09-14
  • 掌握ChatGPT:高效利用AI助手
  • SciPy 插值
  • 机器学习--卷积神经网络(包括python实现)
  • spring揭秘20-spring事务02-编程式事务与声明式事务管理
  • 如何在Oracle中实现数据的加密
  • 深度学习-12-多模态Multimodality人工智能
  • React与Vue的对比
  • 秋招突击——算法练习——9/4——73-矩阵置零、54-螺旋矩阵、48-旋转图像、240-搜索二维矩阵II
  • vue原理分析(十四)研究new Vue()中的 initProvide
  • 局域网windows下使用Git
  • c#如何读取Modbus中Slave和Poll的值
  • vue之 package.json和package-lock.json
  • 【机器学习】线性动态系统的基本概念以及卡尔曼滤波器的概念和应用方式
  • c#引用同一命名空间下的其他类
  • 提权——Linux