搭建React项目,基于Vite+React+TS+ESLint+Prettier+Husky+Commitlint
为您搭建一个React项目的基础框架,以下是使用Vite创建React项目的步骤,并添加了TypeScript、ESLint、Prettier、Husky和Commitlint支持:
- 确保您已安装Node.js和npm。
安装Vite CLI(如果尚未安装):
npm install -g create-vite
创建一个新的Vite React项目:
create-vite my-react-app --template react-ts
进入项目目录:
cd my-react-app
安装所需的依赖项(这将自动安装
eslint
,prettier
,husky
,commitlint
等):npm install
- 配置ESLint(可选,如果需要额外的规则可以在
.eslintrc.js
中进行配置): - 配置Prettier(在
.prettierrc
中进行配置,如需要更多格式化规则): - 配置Husky(在
package.json
中配置commitlint规则和husky hooks): 提交一个测试的commit,以确保husky hooks正常工作:
git add . git commit -m "feat: initial commit"
以上步骤会创建一个基础的React项目,并集成了Vite、React、TypeScript、ESLint、Prettier和Commitlint,以确保代码质量和团队规范。
评论已关闭