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

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.lryc.cn/news/437602.html

相关文章:

  • 防蓝光护眼灯有用吗?五款防蓝光效果好的护眼台灯推荐
  • Mac使用Elasticsearch
  • DevOps -CI/CD 与自动化部署
  • 单体架构系统是不是已经彻底死亡?
  • mathorcup发邮件:参赛必看邮件撰写技巧?
  • ESP01烧入AT出厂固件
  • Qt 开发:深入详解 Qt 的信号与槽机制——彻底搞懂QT信号与槽
  • 民间故事推广系统小程序的设计
  • 关于武汉芯景科技有限公司的IIC缓冲器芯片XJ4307开发指南(兼容LTC4307)
  • C++ 异常
  • ST官方 VSCode 插件安装及配置工程参考
  • 使用Pandas读取和写入数据库的Python函数实现
  • Redis——常用数据类型hash
  • 基于Python实现一个庆祝中秋节的小程序
  • 近期最值得买的数码好物有什么?2024兼具功能和实用性的好物分享
  • 云服务器中的MinIO 配置 HTTPS 过程(图文)
  • 注册安全分析报告:熊猫频道
  • 计算机毕业设计 自习室座位预约系统的设计与实现 Java+SpringBoot+Vue 前后端分离 文档报告 代码讲解 安装调试
  • 2000-2021年3月海关数据库
  • 【YashanDB知识库】archivelog磁盘满导致数据库abnormal
  • 远程跨境传输大文件如何做到安全又稳定?
  • JSON报文根据正则过滤消息
  • BOM编程
  • 【C++ Primer Plus习题】16.1
  • 音视频入门基础:AAC专题(1)——AAC官方文档下载
  • RAG与LLM原理及实践(17)---Docker Redis Python Usage
  • 技术分享-商城篇-营销模块-优惠券种类(二十六)
  • Apache-wed服务器环境的安装
  • HR8870:可PWM控制,4.5A直流有刷电机驱动数据手册
  • 3D点云目标检测数据集标注工具 保姆级教程——CVAT (附json转kitti代码)