vue-pure-admin搭建流程

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和使用方法如下:

方法一:

  1. 安装 Homebrew(如果已经安装直接跳过)

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
  1. 在终端中执行以下命令安装nvm:

brew install nvm

  1. 安装完成后,您可以使用nvm --version命令来检查nvm是否成功安装,如果 nvm 安装成功,你应该会看到版本号。

虽然可以通过Homebrew安装nvm,但官方推荐使用 nvm 的安装脚本来安装。这是因为Homebrew安装的nvm可能在配置方面稍有不同。

方法二:

  1. 使用安装脚本安装 nvm,打开终端运行以下命令行

curl -o- https://ra

你可能感兴趣的:(vue.js,前端,javascript)