Skip to content
项目
群组
代码片段
帮助
当前项目
正在载入...
登录 / 注册
切换导航面板
A
admin-ci-test
概览
概览
详情
活动
周期分析
版本库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
统计图
问题
0
议题
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
CI / CD
CI / CD
流水线
作业
日程表
图表
维基
Wiki
代码片段
代码片段
成员
成员
折叠边栏
关闭边栏
活动
图像
聊天
创建新问题
作业
提交
问题看板
Open sidebar
test-ci
admin-ci-test
Commits
e0d421d1
提交
e0d421d1
authored
5月 12, 2023
作者:
ZhangLingKun
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
功能:readme.md
上级
447ee93a
隐藏空白字符变更
内嵌
并排
正在显示
1 个修改的文件
包含
72 行增加
和
81 行删除
+72
-81
README.md
README.md
+72
-81
没有找到文件。
README.md
浏览文件 @
e0d421d1
<h1
align=
'center'
>
Vite + React + TypeScript + Eslint + Prettier Template ⚡
</h1>
# 项目描述
Create a new project with Vite, React JS, TypeScript, Eslint, Prettier in just 1 second and you don't need to setup anything.
*
**项目名称:**
云享飞官网 && 四端小程序融合 网页端
*
**技术栈:**
[
React 18
](
https://zh-hans.reactjs.org/docs/getting-started.html
)
+ Hook + TS + Eslint + Prettier +
[
Antd v5
](
https://ant.design/components/overview-cn
)
#### **Vercel Deploy: https://vite-react-ts-eslint-prettier.vercel.app**
-
[
【gitlab仓库】mmc-store
](
http://git.mmcuav.cn/root/mmc-store.git
)

## 文档
## **Some Features 📋**
-
[
Antd 组件库
](
https://ant.design/components/overview-cn
)
Alias Import
-
[
React 18 中文文档
](
https://zh-hans.reactjs.org/docs/getting-started.html
)
-
[
TypeScript 中文文档
](
https://www.tslang.cn/docs/home.html
)

-
[
ESLint + Prettier 配置教程
](
https://juejin.cn/post/7125207251144409124
)
-
[
vue3+ts+vite项目中使用eslint+prettier指南
](
https://juejin.cn/post/7118294114734440455
)
Hook Warning
-
[
Vite+Vue 3+TS 配置记录
](
https://juejin.cn/post/7163662410312581150
)

## 项目部署
Prettier Warning
*
yarn

`yarn `
安装依赖
`yarn dev`
启动本地服务
Etc...
`yarn dev:xx`
启动基于配置文件的本地服务
`yarn build`
构建生产包
## **Using 📦**
`yarn build:xx`
构建基于配置文件的生产包
`yarn lint:fix`
eslint全局格式化
1.
Clone Template
*
npm & pnpm
`npm i`
安装依赖
```
`npm run dev`
启动本地服务
git clone https://github.com/igdev116/vite-react-ts-eslint-prettier.git
`npm run dev:xx`
启动基于配置文件的本地服务
```
`npm run build`
构建生产包
`npm run build:xx`
构建基于配置文件的生产包
2.
Install Packages
`npm run lint:fix`
eslint全局格式化
```
yarn install
## 项目结构
```
```
mmc-store
3.
Start Project
├── public
└── src
```
├── api 接口请求
yarn dev
│ └── modules
```
├── assets 静态文件
│ ├── css
4.
If you using git, delete the existing folder .git after cloning (open
`git bash`
or other terminal)
│ └── images
├── common 公共方法
```
│ ├── hook 自定义hook
rm -rf .git
│ └── interface 类型接口
```
├── components 自定义组件
│ ├── layout
## **Options ✍️**
│ ├── uploader 上传组件封装
│ └── brandSelectSearch 筛选组件封装
1.
Check lint
├── events eventBus
├── pages
```
│ ├── commom 通用页面(404、登录等)
yarn lint
│ └── systemSetting 系统管理
```
├── routes 路由
├── store redux
2.
Fix lint
│ ├── hook
│ └── slice
```
└── utils 工具文件
yarn lint:fix
```
```
## vscode / webstorm 配置项
3.
Check prettier
*
**vscode配置项:**
[
给 VSCode、Git Hook 配置 ESLint + Prettier 自动格式化
](
https://zhuanlan.zhihu.com/p/444925446
)
*
**webstorm 配置项:**
[
webstorm中vue配置eslint代码格式化
](
https://juejin.cn/post/7086697887349882894
)
```
yarn prettier
```
## 贡献者
4.
Fix prettier
-
[
ZzzhangLK
](
https://github.com/ZzzhangLK/
)
-
[
codeghj
](
https://github.com/codeghj
)
```
yarn prettier:fix
```
5.
Fix lint and prettier
```
yarn format
```
编写
预览
Markdown
格式
0%
重试
或
添加新文件
添加附件
取消
您添加了
0
人
到此讨论。请谨慎行事。
请先完成此评论的编辑!
取消
请
注册
或者
登录
后发表评论