semi-design-pro - GitLite

KO | EN

gitlite — search

#hacktoberfest #llm #golang #go #rust #deep-learning #linux #docker #macos #windows #awesome #cli #vue #openai

semi-design-pro

(★ 99)

基于semi-design构建的admin管理系统

파일 탐색기

최종 버전 다운로드 (.zip)

- - deploy.yml
- pre-commit
- user.ts
- workbeach.ts
- - favicon.svg
- - echart-option.ts
  - echarts.ts
  - index.ts
- - index.ts
- - useLoading.ts
  - usePagination.ts
- - index.tsx
- - config.ts
- - config.tsx
  - index.tsx
  - privateRoute.tsx
- App.scss
- App.tsx
- index.css
- main.tsx
- type.d.ts
- vite-env.d.ts
.editorconfig
.env.dev
.env.development
.env.prod
.env.test
.eslintignore
.eslintrc.js
.gitignore
.lintstagedrc
.prettierignore
.prettierrc.json
index.html
package.json
README.md
README.zh_CN.md
tsconfig.json
vite.config.ts
yarn.lock

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/xieyezi/semi-design-pro

깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.

cd semi-design-pro

방금 내려받은 프로젝트 폴더 안으로 이동합니다.

2. Node.js

쉬움 추천

사전 준비물

Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
Node.js npm 명령어를 쓰려면 Node.js가 설치되어 있어야 합니다. LTS(장기지원) 버전을 추천합니다.

$ yarn install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

$ yarn dev

개발/실행 서버를 켭니다.

$ npm install

package.json에 명시된 라이브러리들을 내려받아 설치합니다.

$ npm run dev

개발/실행 서버를 켭니다.

$ yarn build:dev

배포용으로 코드를 최적화해서 빌드 파일을 생성합니다.

✅ 명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.

이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

English | [简体中文](./README.zh_CN.md)

<h1 align="center">React Semi Admin</h1>

The best practices for React Hooks + Vite + Semi + Zustand + Typescript🚀.

## ✨ Features

- 💎 **Hooks**: Use react hooks API instead of traditional class API
- 💡 **TypeScript**: A language for application-scale JavaScript
- 📐 **Common Templates**: Typical templates for enterprise applications
- 🚀 **State of The Art Development**: Newest development stack of React/hooks/Zustand/Semi/Typescript
- ⚙️ **Best Practices**: Solid workflow to make your code healthy
- 🔢 **Mock development**: Easy to use mock development solution
- 🌐 **International**: Built-in i18n solution
- ✅ **Usage**: No barriers to use with complete documentation and detailed comments

## ⚡preview

developing...

## 📦 Install

```bash
$ git clone https://github.com/xieyezi/semi-design-pro
$ cd semi-design-pro

# yarn
$ yarn install
$ yarn dev

# npm
$ npm install
$ npm run dev
```

## 🔨 Build
```bash
# yarn
$ yarn install
$ yarn build:dev

# npm
$ npm install
$ npm run build:dev
```

## 🖥 Browsers support

Modern browsers and Internet Explorer 10+.

| [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Electron |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| IE11, Edge                                                                                                                                                                                                      | last 2 versions                                                                                                                                                                                                   | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                               | last 2 versions                                                                                                                                                                                           | last 2 versions                                                                                                                                                                                                       |

## 🤝 Contributing
<a href="https://github.com/xieyezi/semi-design-pro/graphs/contributors"><img src="https://contrib.rocks/image?repo=xieyezi/semi-design-pro" /></a>

We very much welcome your contribution, you can build together with us in the following ways 😃

- Use Semi Admin in your daily work.
- Submit [GitHub issues](https://github.com/xieyezi/semi-admin/issues) to report bugs or ask questions.
- Propose [Pull Request](https://github.com/xieyezi/semi-admin/pulls) to improve our code.