Geeker-Admin

环境

node 18+

介绍 📖

这是一个极简的 Geeker-Admin 管理后台。它包含了 ElementPlus、axios、iconfont、权限控制、代码检查（lint）、cz-git 和主题布局切换等，构建后台所必需的功能。

在线预览 👀

• 预览链接

代码仓库 ⭐

• GitHub 仓库

项目文档 📚

• 文档地址

安装使用步骤 📔

1. 克隆仓库：

   
    # GitHub
   
    git clone https://github.com/HalseySpicy/Geeker-Admin/tree/template
   

2. 安装依赖：

   npm install
   

3. 运行项目：

   npm serve
   

4. 构建项目：

   
    # 开发环境
   
    npm build:dev
   
    # 测试环境
   
    npm build:test
   
    # 生产环境
   
    npm build:pro
   

5. 代码检查与格式化：

   
    # eslint 检查代码
   
    pnpm lint:eslint
   
    # prettier 格式化代码
   
    pnpm lint:prettier
   
    # stylelint 格式化样式
   
    pnpm lint:stylelint
   

6. 提交代码：

    # 提交代码（提交前会自动执行 lint:lint-staged 命令）
    pnpm commit
   
    feat: add new feature
   

项目后台接口 🧩

项目后台接口完全采用 Mock 数据，特别感谢以下 Mock 平台的支持：

• FastMock
• EasyMock

全项目格式化

要在整个项目上运行格式化，请在项目路径下的命令行窗口中执行以下命令：

prettier --write "\*_/_.{js,jsx,ts,tsx,css,scss,html,json,md,vue}"
prettier --write "**/*.{js,jsx,ts,tsx,css,scss,html,json,md,vue}"

完成格式化后，请关闭并重新打开 VSCode 项目。

部署步骤

nvm 安装

su www
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.5/install.sh | bash

# 执行以下命令

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion" # This loads nvm bash_completion

nvm -v
nvm install 20

应用部署

# 以 root 用户执行

# 将宝塔站点目录改为 www

chown -R www:www /www/wwwroot
su www

# 定义变量

AppName=NovelAdmin
API_DOMAIN=https://api.***.xyz # 使用真实的 API 地址

cd ~
git clone ssh://git@git.nu0g.com:16868/root/NovelAdmin.git $AppName

cd $AppName
git fetch
git checkout prod
nvm use 20
npx npm install
cp -f .env.production.example .env.production

# 使用 sed 替换字符串

sed -i "s|https://api.pro.com|$API_DOMAIN|g" .env.production

ln -s ~/$AppName  /www/wwwroot/$AppName
npx npm run build:pro

# 部署完成后的提示

echo "部署完成：$AppName"