vue3-admin-ts - GitLite

KO | EN

gitlite — search

#javascript #go #rust #java #windows #awesome #kubernetes #vue #awesome-list #pytorch #security #mcp #ios #open-source

vue3-admin-ts

(★ 236)

🎉 the ts version of vue3-admin-template

파일 탐색기

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

- commit-msg
- pre-commit
- extensions.json
- settings.json
- .eslintrc-auto-import.json
- eslint-config.cjs
- example.ts
- user.ts
- favicon.ico
- - user.ts
- - ElSvgIcon.vue
  - TestUnit.vue
- - button-codes.ts
  - codes-permission.ts
  - index.ts
  - lang.ts
  - roles-permission.ts
- - use-common.ts
  - use-element.ts
  - use-error-log.ts
  - use-layout.ts
  - use-permission.ts
  - use-self-router.ts
  - use-table.ts
- - SvgIcon.vue
- - en.ts
  - index.ts
  - zh.ts
- - index.vue
- - el-svg-icon.ts
  - element-plus.ts
- - index.ts
- - basic.ts
  - config.ts
  - tags-view.ts
- - index.scss
  - init-loading.css
  - project-style.scss
  - reset-elemenet-plus.scss
  - scss-suger.scss
  - transition.scss
- - index.css
  - index.css.map
  - index.scss
- - axios-req.ts
  - bus.ts
  - common-util.ts
- App.vue
- main.ts
- mock-prod-server.ts
- permission.ts
- settings.ts
- - main.d.ts
  - main.js
  - permission.d.ts
  - permission.js
  - settings.d.ts
  - settings.js
- package.json
- auto-imports.d.ts
- basic.d.ts
- components.d.ts
- env.d.ts
- global.d.ts
- shims-vue.d.ts
.editorconfig
.env.build
.env.build-test
.env.serve-dev
.env.serve-test
.eslintignore
.eslintrc.json
.gitignore
.npmrc
.prettierrc
index.html
optimize-include.ts
package.json
README.md
tsconfig.base.json
tsconfig.json
vite.config.ts
vitest.config.ts
vitest.setup.ts

# 설치 가이드

1. 코드 내려받기

git clone https://github.com/jzfai/vue3-admin-ts

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

cd vue3-admin-ts

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

2. Node.js

쉬움 추천

사전 준비물

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

pnpm i

이 명령어를 터미널에 그대로 입력해 실행하세요.

pnpm run dev

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

pnpm run build-test

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

pnpm run build

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

pnpm run preview

이 명령어를 터미널에 그대로 입력해 실행하세요.

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

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# vue3-admin-ts

the typescript version of  vue3 admin template 
 
suggestion the Node.js >= v16.20

[Recommended node](https://nodejs.org/download/release/v16.20.2/)

## Documents

- [Official Documentation](https://github.jzfai.top/vue3-admin-doc/)

- [中文官网](https://github.jzfai.top/vue3-admin-cn-doc/)

## Online experience

[Access address](https://github.jzfai.top/vue3-admin-ts)

[国内体验地址](https://github.jzfai.top/vue3-admin-ts)

## Related items

The framework is available in js,ts, plus and electron versions
- js version：[vue3-admin-template](https://github.com/jzfai/vue3-admin-template.git) -- basic version
- ts version：[vue3-element-ts](https://github.com/jzfai/vue3-admin-ts.git)
- ts version for plus：[vue3-element-plus](https://github.com/jzfai/vue3-admin-plus.git)
- ts version for electron：[vue3-element-electron](https://github.com/jzfai/vue3-admin-electron.git)
- java Micro-service background data：[micro-service-plus](https://github.com/jzfai/micro-service-plus)

## Build Setup

```bash
# clone the project
git clone https://github.com/jzfai/vue3-admin-ts.git

# enter the project directory
cd vue3-admin-ts

# pnpm address https://pnpm.io/zh/motivation
# install dependency(Recommend use pnpm)
# you can  use "npm -g i pnpm@7.9.0" to install pnpm 
pnpm i

# develop
pnpm run dev
```

## Build

```bash
# build for test environment
pnpm run build-test

# build for production environment
pnpm run  build
```

## Others

```bash
# preview the release environment effect
pnpm run preview

# code format check
pnpm run lint

```

## Browsers support

Note: Vue3 is not supported the Internet Explorer

## Discussion and Communication
[WeChat group](https://github.jzfai.top/file/images/wx-groud.png)