前端运行

1. 下载并且安装 nodejs (版本要求 19.x 以上版本) (Node.js 安装及环境配置)

2. vue3+vite 安装配置

进入项目目录

cd Tigshop-admin

安装依赖

npm install

强烈建议不要用直接使用 cnpm 安装，会有各种诡异的 bug，可以通过重新指定 registry 来解决 npm 安装速度慢的问题。

npm install --registry=https://registry.npmmirror.com

3. 打开项目根目录下的 .env.development ，基础域名（ VITE_BASE_URL ）修改成自己的，或者直接使用官方域名（ https://demo.tigshop.com ）

本地开发 启动项目

npm run dev

4. 打开浏览器, 输入( http://localhost:5173/ )默认账户/密码( admin/admin123 )
   若能正确展示登录页面，并能成功登录，菜单及页面展示正常，则表明环境搭建成功
   前端部署

1）.env.production内的基础域名（ VITE_BASE_URL ）替换成，您自己的域名。
2）当项目开发完毕，只需要运行一行命令就可以打包你的应用
npm run build

3）构建打包成功之后，会在根目录生成 admin-dist 文件夹，里面就是构建打包好的文件，通常是 .js 、.css、index.html 等静态文件。
4）通常情况下 admin-dist 文件夹的静态文件发布到你的 nginx 或者静态服务器即可，其中的 index.html 是后台服务的入口页面。

outDir 提示
如果需要自定义构建，比如指定 admin-dist 目录等，则需要通过 vite.config.ts 的 build 进行配置。
build: { outDir: 'admin-dist' //可以更改成需要的文件名 }

环境变量
所有测试环境或者正式环境变量的配置都在 .env.development 等 .env.xxxx文件中。
它们都会通过 webpack.DefinePlugin 插件注入到全局。你在代码中可以通过如下方式获取:
console.log(process.env.VITE_BASE_xxx)