您的位置:首页 > 房产 > 家装 > yarn webpack脚手架 react+ts搭建项目

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

2024/10/6 8:22:16 来源:https://blog.csdn.net/Z_Wonderful/article/details/142098626  浏览:    关键词: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

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com