本地打包

苏州迈沃通信有限公司

TIP

工具下载:

WebStorm最新版本open in new window

Node.js 18open in new window

gitopen in new window

以上工具不要安装到中文路径 有熟悉的编译工具,比如vscode、idea同样可以,请自行下载使用 以下所有在WebStorm中执行的命令都需要执行在项目根目录下面

打包

1. 解压项目文件

  • 解压tsq-ui-admin.zip,如果提供的git链接,忽略这步,需要解压后放到全英文路径下,比如e:\workspace\tsq-ui-admin

2. 使用WebStorm打开tsq-ui-admin

  • 双击打开WebStorm
  • 使用git下载项目或者直接打开项目
  • 如果给的是git仓库链接,直接选择克隆仓库
  • 如果给的是压缩包,直接打开上一步解压缩的目录
  • img_1.png

3. 验证Node.js环境

  • 在WebStorm中打开命令行,输入node -v,如果正常显示node版本,如v18.20.4,代表配置成功 img_2.pngimg_3.png

4. 安装依赖

  • 在WebStorm中打开命令行执行命令npm i,时间较长,直到完成 img_5.png

5. 修改配置

  • 修改env.localenv.prod中的VITE_BASE_URL为部署好的tsq-server的域名 img_4.png

6. 打包

  • 在WebStorm中打开命令行执行命令npm run build:prod,时间较长,直到完成
  • 每次有代码更新后,需要先执行npm iimg_6.png
  • 完成后会在项目根目录下生成dist-prod,即可以上传到网站