diff --git a/.gitignore b/.gitignore index 96742b0..e915779 100644 --- a/.gitignore +++ b/.gitignore @@ -8,3 +8,5 @@ src/assets/sprites/*.* !src/assets/sprites/.gitkeep public/icons +.idea +.vscode diff --git a/.gitignore b/.gitignore index 96742b0..e915779 100644 --- a/.gitignore +++ b/.gitignore @@ -8,3 +8,5 @@ src/assets/sprites/*.* !src/assets/sprites/.gitkeep public/icons +.idea +.vscode diff --git a/README.md b/README.md index 466b310..89ec586 100644 --- a/README.md +++ b/README.md @@ -1,22 +1,13 @@ -

- -

-

Fantastic-admin

+

Vue3-admin

-

一款开箱即用的 Vue 中后台管理系统框架

+

基于Vue3的中后台管理系统框架

-

- 官网 +## 简要说明 +

+ 本项目基于Fantastic-admin改造而来 + Fatastic-admin官网 ( 备用 ) -  |  - 演示 - ( 基础版 - 专业版 ) -  |  - 技术支持 -  |  - 购买

## 特点 @@ -34,13 +25,10 @@ ## 分支说明 - `master` Vue3 版本框架源码分支，不含示例代码，可直接用于实际开发 -- `example` Vue3 版本演示源码分支，同线上演示站，包含大量示例，可用于参考学习 -- `vue2` Vue2 版本框架源码分支，不含示例代码，可直接用于实际开发（停止维护） -- `vue2-example` Vue2 版本演示源码分支，包含大量示例，可用于参考学习（停止维护） +- `dev` 开发分支 ## 预览 -> 预览截图为 Vue3 专业版 @@ -55,48 +43,63 @@
-## 支持 +## 开发环境 +使用本模板前，需要在本地依次安装好 Node.js, pnpm, Git 和 Visual Studio Code。 -如果觉得 Fantastic-admin 这个框架不错，或者已经在使用了，希望你可以在 **Github** 或者 **Gitee(码云)** 帮我点个 ⭐ ，这将对我是极大的鼓励。 +> 注意: +> Node.js 版本需 >= 14.18.0 ，建议为 16.x -[![star](https://img.shields.io/github/stars/hooray/fantastic-admin?style=social)](https://github.com/hooray/fantastic-admin/stargazers) +然后在 Visual Studio Code 里安装好以下扩展： -[![star](https://gitee.com/hooray/fantastic-admin/badge/star.svg?theme=dark)](https://gitee.com/hooray/fantastic-admin/stargazers) +- EditorConfig for VS Code +- DotENV +- ESLint +- stylelint +- Vue Language Features +- TypeScript Vue Plugin -## 生态 +以上 6 个为开发时必备扩展，以下则是作者建议安装的扩展，安装它们将在一定程度上提升开发效率。 - - - - - - - -
- Fantastic-startkit -
- 一款开箱即用的 Vue 项目启动套件 -
+- Chinese (Simplified) Language Pack for Visual Studio Code 中文语言包 +- Color Highlight 在代码中高亮颜色 +- Highlight Matching Tag 高亮显示匹配的标签 +- Image preview 图片预览 +- indent-rainbow 彩虹缩进提示 - - - - - - - - - - - - - - - - - -
- One-step-admin -
- 一款干啥都快人一步的 Vue 中后台管理系统框架 -
+在 Visual Studio Code 里打开源码的文件夹，右下角会自动提示需要安装的依赖，直接点击安装即可。 + +## pnpm指令 +``` +#安装全部依赖 +pnpm install + +#安装特定依赖 +pnpm add 包名 + +#运行 +pnpm run dev + +#打包 +pnpm run build +``` + +## 技术栈 +了解并熟悉框架使用到的技术栈，能让你使用本框架更得心应手。 + +- Vite +- Vue 3 (v3 迁移指南) +- Vue Router 4 +- Pinia +- Element Plus + +## 浏览器支持情况 + +主流浏览器和,不支持IE。 + +| Edge | Firefox |Chrome | Safari | +|--------- | --------- | --------- |------| +| 90+ | 80+ | 90+ |14+| + +## License + +Copyright (c) 2022-present WangXiaoying diff --git a/.gitignore b/.gitignore index 96742b0..e915779 100644 --- a/.gitignore +++ b/.gitignore @@ -8,3 +8,5 @@ src/assets/sprites/*.* !src/assets/sprites/.gitkeep public/icons +.idea +.vscode diff --git a/README.md b/README.md index 466b310..89ec586 100644 --- a/README.md +++ b/README.md @@ -1,22 +1,13 @@ -

- -

-

Fantastic-admin

+

Vue3-admin

-

一款开箱即用的 Vue 中后台管理系统框架

+

基于Vue3的中后台管理系统框架

-

- 官网 +## 简要说明 +

+ 本项目基于Fantastic-admin改造而来 + Fatastic-admin官网 ( 备用 ) -  |  - 演示 - ( 基础版 - 专业版 ) -  |  - 技术支持 -  |  - 购买

## 特点 @@ -34,13 +25,10 @@ ## 分支说明 - `master` Vue3 版本框架源码分支，不含示例代码，可直接用于实际开发 -- `example` Vue3 版本演示源码分支，同线上演示站，包含大量示例，可用于参考学习 -- `vue2` Vue2 版本框架源码分支，不含示例代码，可直接用于实际开发（停止维护） -- `vue2-example` Vue2 版本演示源码分支，包含大量示例，可用于参考学习（停止维护） +- `dev` 开发分支 ## 预览 -> 预览截图为 Vue3 专业版 @@ -55,48 +43,63 @@
-## 支持 +## 开发环境 +使用本模板前，需要在本地依次安装好 Node.js, pnpm, Git 和 Visual Studio Code。 -如果觉得 Fantastic-admin 这个框架不错，或者已经在使用了，希望你可以在 **Github** 或者 **Gitee(码云)** 帮我点个 ⭐ ，这将对我是极大的鼓励。 +> 注意: +> Node.js 版本需 >= 14.18.0 ，建议为 16.x -[![star](https://img.shields.io/github/stars/hooray/fantastic-admin?style=social)](https://github.com/hooray/fantastic-admin/stargazers) +然后在 Visual Studio Code 里安装好以下扩展： -[![star](https://gitee.com/hooray/fantastic-admin/badge/star.svg?theme=dark)](https://gitee.com/hooray/fantastic-admin/stargazers) +- EditorConfig for VS Code +- DotENV +- ESLint +- stylelint +- Vue Language Features +- TypeScript Vue Plugin -## 生态 +以上 6 个为开发时必备扩展，以下则是作者建议安装的扩展，安装它们将在一定程度上提升开发效率。 - - - - - - - -
- Fantastic-startkit -
- 一款开箱即用的 Vue 项目启动套件 -
+- Chinese (Simplified) Language Pack for Visual Studio Code 中文语言包 +- Color Highlight 在代码中高亮颜色 +- Highlight Matching Tag 高亮显示匹配的标签 +- Image preview 图片预览 +- indent-rainbow 彩虹缩进提示 - - - - - - - - - - - - - - - - - -
- One-step-admin -
- 一款干啥都快人一步的 Vue 中后台管理系统框架 -
+在 Visual Studio Code 里打开源码的文件夹，右下角会自动提示需要安装的依赖，直接点击安装即可。 + +## pnpm指令 +``` +#安装全部依赖 +pnpm install + +#安装特定依赖 +pnpm add 包名 + +#运行 +pnpm run dev + +#打包 +pnpm run build +``` + +## 技术栈 +了解并熟悉框架使用到的技术栈，能让你使用本框架更得心应手。 + +- Vite +- Vue 3 (v3 迁移指南) +- Vue Router 4 +- Pinia +- Element Plus + +## 浏览器支持情况 + +主流浏览器和,不支持IE。 + +| Edge | Firefox |Chrome | Safari | +|--------- | --------- | --------- |------| +| 90+ | 80+ | 90+ |14+| + +## License + +Copyright (c) 2022-present WangXiaoying diff --git a/public/favicon.ico b/public/favicon.ico index 794835d..b225e2c 100644 --- a/public/favicon.ico +++ b/public/favicon.ico Binary files differ diff --git a/.gitignore b/.gitignore index 96742b0..e915779 100644 --- a/.gitignore +++ b/.gitignore @@ -8,3 +8,5 @@ src/assets/sprites/*.* !src/assets/sprites/.gitkeep public/icons +.idea +.vscode diff --git a/README.md b/README.md index 466b310..89ec586 100644 --- a/README.md +++ b/README.md @@ -1,22 +1,13 @@ -

- -

-

Fantastic-admin

+

Vue3-admin

-

一款开箱即用的 Vue 中后台管理系统框架

+

基于Vue3的中后台管理系统框架

-

- 官网 +## 简要说明 +

+ 本项目基于Fantastic-admin改造而来 + Fatastic-admin官网 ( 备用 ) -  |  - 演示 - ( 基础版 - 专业版 ) -  |  - 技术支持 -  |  - 购买

## 特点 @@ -34,13 +25,10 @@ ## 分支说明 - `master` Vue3 版本框架源码分支，不含示例代码，可直接用于实际开发 -- `example` Vue3 版本演示源码分支，同线上演示站，包含大量示例，可用于参考学习 -- `vue2` Vue2 版本框架源码分支，不含示例代码，可直接用于实际开发（停止维护） -- `vue2-example` Vue2 版本演示源码分支，包含大量示例，可用于参考学习（停止维护） +- `dev` 开发分支 ## 预览 -> 预览截图为 Vue3 专业版 @@ -55,48 +43,63 @@
-## 支持 +## 开发环境 +使用本模板前，需要在本地依次安装好 Node.js, pnpm, Git 和 Visual Studio Code。 -如果觉得 Fantastic-admin 这个框架不错，或者已经在使用了，希望你可以在 **Github** 或者 **Gitee(码云)** 帮我点个 ⭐ ，这将对我是极大的鼓励。 +> 注意: +> Node.js 版本需 >= 14.18.0 ，建议为 16.x -[![star](https://img.shields.io/github/stars/hooray/fantastic-admin?style=social)](https://github.com/hooray/fantastic-admin/stargazers) +然后在 Visual Studio Code 里安装好以下扩展： -[![star](https://gitee.com/hooray/fantastic-admin/badge/star.svg?theme=dark)](https://gitee.com/hooray/fantastic-admin/stargazers) +- EditorConfig for VS Code +- DotENV +- ESLint +- stylelint +- Vue Language Features +- TypeScript Vue Plugin -## 生态 +以上 6 个为开发时必备扩展，以下则是作者建议安装的扩展，安装它们将在一定程度上提升开发效率。 - - - - - - - -
- Fantastic-startkit -
- 一款开箱即用的 Vue 项目启动套件 -
+- Chinese (Simplified) Language Pack for Visual Studio Code 中文语言包 +- Color Highlight 在代码中高亮颜色 +- Highlight Matching Tag 高亮显示匹配的标签 +- Image preview 图片预览 +- indent-rainbow 彩虹缩进提示 - - - - - - - - - - - - - - - - - -
- One-step-admin -
- 一款干啥都快人一步的 Vue 中后台管理系统框架 -
+在 Visual Studio Code 里打开源码的文件夹，右下角会自动提示需要安装的依赖，直接点击安装即可。 + +## pnpm指令 +``` +#安装全部依赖 +pnpm install + +#安装特定依赖 +pnpm add 包名 + +#运行 +pnpm run dev + +#打包 +pnpm run build +``` + +## 技术栈 +了解并熟悉框架使用到的技术栈，能让你使用本框架更得心应手。 + +- Vite +- Vue 3 (v3 迁移指南) +- Vue Router 4 +- Pinia +- Element Plus + +## 浏览器支持情况 + +主流浏览器和,不支持IE。 + +| Edge | Firefox |Chrome | Safari | +|--------- | --------- | --------- |------| +| 90+ | 80+ | 90+ |14+| + +## License + +Copyright (c) 2022-present WangXiaoying diff --git a/public/favicon.ico b/public/favicon.ico index 794835d..b225e2c 100644 --- a/public/favicon.ico +++ b/public/favicon.ico Binary files differ diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png index 47d879d..a9fcd54 100644 --- a/src/assets/images/logo.png +++ b/src/assets/images/logo.png Binary files differ diff --git a/.gitignore b/.gitignore index 96742b0..e915779 100644 --- a/.gitignore +++ b/.gitignore @@ -8,3 +8,5 @@ src/assets/sprites/*.* !src/assets/sprites/.gitkeep public/icons +.idea +.vscode diff --git a/README.md b/README.md index 466b310..89ec586 100644 --- a/README.md +++ b/README.md @@ -1,22 +1,13 @@ -

- -

-

Fantastic-admin

+

Vue3-admin

-

一款开箱即用的 Vue 中后台管理系统框架

+

基于Vue3的中后台管理系统框架

-

- 官网 +## 简要说明 +

+ 本项目基于Fantastic-admin改造而来 + Fatastic-admin官网 ( 备用 ) -  |  - 演示 - ( 基础版 - 专业版 ) -  |  - 技术支持 -  |  - 购买

## 特点 @@ -34,13 +25,10 @@ ## 分支说明 - `master` Vue3 版本框架源码分支，不含示例代码，可直接用于实际开发 -- `example` Vue3 版本演示源码分支，同线上演示站，包含大量示例，可用于参考学习 -- `vue2` Vue2 版本框架源码分支，不含示例代码，可直接用于实际开发（停止维护） -- `vue2-example` Vue2 版本演示源码分支，包含大量示例，可用于参考学习（停止维护） +- `dev` 开发分支 ## 预览 -> 预览截图为 Vue3 专业版 @@ -55,48 +43,63 @@
-## 支持 +## 开发环境 +使用本模板前，需要在本地依次安装好 Node.js, pnpm, Git 和 Visual Studio Code。 -如果觉得 Fantastic-admin 这个框架不错，或者已经在使用了，希望你可以在 **Github** 或者 **Gitee(码云)** 帮我点个 ⭐ ，这将对我是极大的鼓励。 +> 注意: +> Node.js 版本需 >= 14.18.0 ，建议为 16.x -[![star](https://img.shields.io/github/stars/hooray/fantastic-admin?style=social)](https://github.com/hooray/fantastic-admin/stargazers) +然后在 Visual Studio Code 里安装好以下扩展： -[![star](https://gitee.com/hooray/fantastic-admin/badge/star.svg?theme=dark)](https://gitee.com/hooray/fantastic-admin/stargazers) +- EditorConfig for VS Code +- DotENV +- ESLint +- stylelint +- Vue Language Features +- TypeScript Vue Plugin -## 生态 +以上 6 个为开发时必备扩展，以下则是作者建议安装的扩展，安装它们将在一定程度上提升开发效率。 - - - - - - - -
- Fantastic-startkit -
- 一款开箱即用的 Vue 项目启动套件 -
+- Chinese (Simplified) Language Pack for Visual Studio Code 中文语言包 +- Color Highlight 在代码中高亮颜色 +- Highlight Matching Tag 高亮显示匹配的标签 +- Image preview 图片预览 +- indent-rainbow 彩虹缩进提示 - - - - - - - - - - - - - - - - - -
- One-step-admin -
- 一款干啥都快人一步的 Vue 中后台管理系统框架 -
+在 Visual Studio Code 里打开源码的文件夹，右下角会自动提示需要安装的依赖，直接点击安装即可。 + +## pnpm指令 +``` +#安装全部依赖 +pnpm install + +#安装特定依赖 +pnpm add 包名 + +#运行 +pnpm run dev + +#打包 +pnpm run build +``` + +## 技术栈 +了解并熟悉框架使用到的技术栈，能让你使用本框架更得心应手。 + +- Vite +- Vue 3 (v3 迁移指南) +- Vue Router 4 +- Pinia +- Element Plus + +## 浏览器支持情况 + +主流浏览器和,不支持IE。 + +| Edge | Firefox |Chrome | Safari | +|--------- | --------- | --------- |------| +| 90+ | 80+ | 90+ |14+| + +## License + +Copyright (c) 2022-present WangXiaoying diff --git a/public/favicon.ico b/public/favicon.ico index 794835d..b225e2c 100644 --- a/public/favicon.ico +++ b/public/favicon.ico Binary files differ diff --git a/src/assets/images/logo.png b/src/assets/images/logo.png index 47d879d..a9fcd54 100644 --- a/src/assets/images/logo.png +++ b/src/assets/images/logo.png Binary files differ diff --git a/src/views/index.vue b/src/views/index.vue index 69d5b4e..c4afb21 100644 --- a/src/views/index.vue +++ b/src/views/index.vue @@ -5,296 +5,16 @@ -