本地打包
TIP
工具下载:
以上工具不要安装到中文路径 有熟悉的编译工具,比如vscode、idea同样可以,请自行下载使用 以下所有在WebStorm中执行的命令都需要执行在项目根目录下面
打包
1. 解压项目文件
- 解压tsq-ui-admin.zip,如果提供的git链接,忽略这步,需要解压后放到全英文路径下,比如
e:\workspace\tsq-ui-admin
2. 使用WebStorm打开tsq-ui-admin
- 双击打开WebStorm
- 使用git下载项目或者直接打开项目
- 如果给的是git仓库链接,直接选择
克隆仓库
- 如果给的是压缩包,直接
打开
上一步解压缩的目录
3. 验证Node.js环境
- 在WebStorm中打开命令行,输入
node -v
,如果正常显示node版本,如v18.20.4
,代表配置成功
4. 安装依赖
- 在WebStorm中打开命令行执行命令
npm i
,时间较长,直到完成
5. 修改配置
- 修改
env.local
和env.prod
中的VITE_BASE_URL
为部署好的tsq-server的域名
6. 打包
- 在WebStorm中打开命令行执行命令
npm run build:prod
,时间较长,直到完成 - 每次有代码更新后,需要先执行
npm i
- 完成后会在项目根目录下生成
dist-prod
,即可以上传到网站