Vue pure admin 是基于 Vue 3 的轻量级响应式管理模板,旨在帮助开发者快速构建高性能的后台管理界面。它采用了现代开发工具和最佳实践,如 Vite 进行构建和优化,具备灵活性和易用性。
其主要特点包括:
-
Vue 3 组合式 API利用最新的 Vue 3 特性,更好地组织代码。
-
Tailwind CSS使用实用优先的 CSS 框架,确保响应式和视觉美观的用户界面。
-
Pinia使用 Pinia 替代 Vuex,提供更简单、直观的状态管理 API。
-
Typescript 支持支持静态类型,提升代码的可维护性和质量。
-
轻量且高效默认设计为高性能,依赖项较少。
-
主题定制化提供丰富的主题和布局定制选项。
-
暗黑模式可以轻松切换浅色和深色主题,以适应用户偏好。
开发文档:
https://pure-admin.github.io/pure-admin-doc/
1、拉取代码(现有的)
git clone https://github.com/pure-admin/vue-pure-admin.git
2、电脑全局安装prue脚手架
# mac安装
sudo npm install -g @pureadmin/cli
#windows安装
npm install -g @pureadmin/cli
1)安装脚手架需要升级node版本为18以上
由于现有的oms系统使用node版本为16.17.0(npm版本为8.15.0),所以需要兼容两个版本的node,那么安装nvm进行node版本管理,在需要使用什么版本时直接切换到相应的node版本,这样系统直接不会互相影响
安装nvm和使用方法如下:
方法一:
-
安装 Homebrew(如果已经安装直接跳过)
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
-
在终端中执行以下命令安装nvm:
brew install nvm
-
安装完成后,您可以使用
nvm --version
命令来检查nvm是否成功安装,如果 nvm 安装成功,你应该会看到版本号。
虽然可以通过Homebrew安装nvm,但官方推荐使用 nvm 的安装脚本来安装。这是因为Homebrew安装的nvm可能在配置方面稍有不同。
方法二:
-
使用安装脚本安装 nvm,打开终端运行以下命令行
curl -o- https://ra