快速开始

本文会帮助你从头启动项目

环境准备

确保你的环境满足以下要求：

• git: 你需要 git 来克隆和管理项目版本。
• NodeJS: >=18.12.0，推荐 20.12.0 或更高。
• pnpm: >= 8.7.0，推荐最新版本。

VSCode 插件

本项目推荐使用 VSCode 进行开发，项目里面已内置 VSCode 配置，包含推荐的插件和设置。

以下为推荐的插件：

• Auto Complete Tag - 为 HTML/XML 添加关闭标签和自动重命名成对的标签
• EditorConfig for VS Code - 统一不同编辑器的一些配置
• ESLint - 代码检查
• Git Graph - Git 图形化操作工具
• GitLens — Git supercharged - 显示具体某行代码的 git 信息
• Material Icon Theme - 图标主题，显示文件和文件多种图标
• Prettier - Code formatter - 代码格式化插件
• Vue - Official - Vue 服务插件
• Vue VSCode Snippets - Vue2、Vue3 写法提示插件

代码获取

从 GitHub 获取代码

# 克隆代码
git clone https://github.com/WANG-Fan0912/SnowAdmin.git

从 Gitee 获取代码

# 克隆代码
git clone https://gitee.com/wang_fan_w/SnowAdmin.git

注意

github和gitee代码会同步更新，小伙伴们选哪种都可以

安装依赖

安装项目依赖

pnpm install

插件配置

安装 Vue - Official，禁用 Vetur

• Vue - Official - Vue 服务插件

npm scripts

{
  // 开发环境启动
  "dev": "vite",
  // 开发环境构建
  "build:dev": "vue-tsc && vite build --mode development",
  // 生产环境构建
  "build:prod": "vue-tsc && vite build --mode production",
  // 测试环境构建
  "build:test": "vue-tsc && vite build --mode test",
  // 预览环境启动
  "preview": "vite preview",
}