本地打包
top
工具下载:
以上工具不要安装到中文路径 有熟悉的编译工具,比如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,即可以上传到网站


