Skip to content

Commit df83f6c

Browse files
committed
添加说明
1 parent 0d42e17 commit df83f6c

File tree

1 file changed

+58
-16
lines changed

1 file changed

+58
-16
lines changed

README.md

Lines changed: 58 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -1,27 +1,69 @@
1-
# Vue 3 + Typescript + Vite
1+
# cool-admin [vue3 - ts - vite]
22

3-
This template should help get you started developing with Vue 3 and Typescript in Vite.
3+
<p align="center">
4+
<a href="https://show.cool-admin.com/" target="blank"><img src="https://admin.cool-js.com/logo.png" width="200" alt="cool-admin Logo" /></a>
5+
</p>
46

5-
## Recommended IDE Setup
7+
<p align="center">cool-admin 一个很酷的后台权限管理系统,开源免费,模块化、插件化、极速开发 CRUD,方便快速构建迭代后台管理系统, 到论坛 进一步了解</p>
68

7-
[VSCode](https://code.visualstudio.com/) + [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur). Make sure to enable `vetur.experimental.templateInterpolationService` in settings!
9+
<p align="center">
10+
<a href="https://github.com/cool-team-official/cool-admin-vue/blob/master/LICENSE" target="_blank"><img src="https://img.shields.io/badge/license-MIT-green?style=flat-square" alt="GitHub license" />
11+
<a href=""><img src="https://img.shields.io/github/package-json/v/cool-team-official/cool-admin-vue?style=flat-square" alt="GitHub tag"></a>
12+
<img src="https://img.shields.io/github/last-commit/cool-team-official/cool-admin-vue?style=flat-square" alt="GitHub tag"></a>
13+
</p>
814

9-
### If Using `<script setup>`
15+
## 地址
1016

11-
[`<script setup>`](https://github.com/vuejs/rfcs/pull/227) is a feature that is currently in RFC stage. To get proper IDE support for the syntax, use [Volar](https://marketplace.visualstudio.com/items?itemName=johnsoncodehk.volar) instead of Vetur (and disable Vetur).
17+
- [⚡️ vue2.x + element-ui](https://github.com/cool-team-official/cool-admin-vue)
1218

13-
## Type Support For `.vue` Imports in TS
19+
- [⚡️ vue3.x + element-plus + ts + webpack](https://github.com/cool-team-official/cool-admin-vue/tree/vue3-ts-webpack)
1420

15-
Since TypeScript cannot handle type information for `.vue` imports, they are shimmed to be a generic Vue component type by default. In most cases this is fine if you don't really care about component prop types outside of templates. However, if you wish to get actual prop types in `.vue` imports (for example to get props validation when using manual `h(...)` calls), you can use the following:
21+
- [📌 vue3.x + element-plus + ts + vite](https://github.com/cool-team-official/cool-admin-vue/tree/vue3-ts-vite)
1622

17-
### If Using Volar
23+
- [🌐 码云仓库地址](https://gitee.com/cool-team-official/cool-admin-vue)
1824

19-
Run `Volar: Switch TS Plugin on/off` from VSCode command palette.
25+
## 演示
2026

21-
### If Using Vetur
27+
[https://show.cool-admin.com](https://show.cool-admin.com)
2228

23-
1. Install and add `@vuedx/typescript-plugin-vue` to the [plugins section](https://www.typescriptlang.org/tsconfig#plugins) in `tsconfig.json`
24-
2. Delete `src/shims-vue.d.ts` as it is no longer needed to provide module info to Typescript
25-
3. Open `src/main.ts` in VSCode
26-
4. Open the VSCode command palette
27-
5. Search and run "Select TypeScript version" -> "Use workspace version"
29+
账户:admin,密码:123456
30+
31+
<img src="https://cool-show.oss-cn-shanghai.aliyuncs.com/admin/home-mini.png" alt="Admin Home" ></a>
32+
33+
## 项目后端
34+
35+
[https://github.com/cool-team-official/cool-admin-midway](https://github.com/cool-team-official/cool-admin-midway)
36+
37+
## 微信群
38+
39+
<img width="260" src="https://cool-show.oss-cn-shanghai.aliyuncs.com/admin/wechat.jpeg" alt="Admin Wechat"></a>
40+
41+
## 微信公众号
42+
43+
<img width="260" src="https://cool-show.oss-cn-shanghai.aliyuncs.com/admin/mp.jpg" alt="Admin Wechat"></a>
44+
45+
## 在线社区
46+
47+
[https://bbs.cool-js.com/](https://bbs.cool-js.com/)
48+
49+
## 安装项目依赖
50+
51+
推荐使用 `yarn`
52+
53+
```shell
54+
yarn
55+
```
56+
57+
解决 `node-sass` 网络慢的方法:
58+
59+
```shell
60+
yarn config set sass-binary-site http://npm.taobao.org/mirrors/node-sass
61+
```
62+
63+
## 运行应用程序
64+
65+
安装过程完成后,运行以下命令启动服务。您可以在浏览器中预览网站 [http://localhost:9000](http://localhost:9000)
66+
67+
```shell
68+
yarn dev
69+
```

0 commit comments

Comments
 (0)