如何优雅地创建一个react+vite+ts+eslint+yarn+sass的项目

react+vite+eslint+ts+yarn+sass

使用前端框架react,语法为ts,打包工具为vite、代码检查为eslint、 包工具为yarn、样式编写为sass

项目初始化

// 创建react-ts项目 选择vite作为包构建工具
yarn create vite my-app --template react-ts  

// 切换到项目文件夹
cd my-app

// 下载依赖
yarn

// 打开项目
yarn run dev
  1. 这样创建了项目之后,会有两个文件(tsconfig.json,main,tsx)是可能会有报错现象的,但是不影响运行,在关掉VSCode再重启之后报错就消失了,我也不知道为什么
  2. 这样创建的项目是已经包含了eslint的,虽然我也不知道这样的eslint到底是有没有配置的

安装sass依赖

// 不能使用yarn add sass -dev 两者的区别在哪里我也不知道
yarn add sass -D
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值