uniapp+webstorm+alibaba cloud view+xshell 实现打包上传功能

超、凢脫俗 2021-07-25 21:16 497阅读 0赞

# app的打包流程： #

1.HbuilderX 模拟运行或真机运行没有问题。  
2.点击“发行”中的“网站-H5手机版”命令，直接点击发行。  
3.打开WebStorm软件，此软件中需要安装 alibaba cloud view插件，然后进行服务器的配置。  
4.点击软件最下方的alibaba cloud view插件，弹窗后直接点击 “upload”弹出上传的对话框。在此对话框中，选择打包后的文件夹路径，此文件夹中有两项内容，一个是static文件夹一个是index.html入口文件。选择完成后，点击upload即可进行上传。  
5.接下来就是在xshell中进行文件路径的处理了。

# xshell命令： #

1.进入到nginx文件夹下面的Html文件夹中：命令：cd /www/server/nginx/html/  
注意：cd 到某一个文件夹中时，路径需要以"/“开头，代表是从根目录上开始找文件夹。  
2.pwd ：代表查看当前路径  
3.ll ：查看该文件夹下面的所有子文件，并展示详细的信息，包括名称 大小之类的。  
4.ls ：查看该文件夹下面的所有子文件，只展示文件名称  
5.进入到该目录下的一个子文件夹中：命令：cd dist/ 路径没有以”/"开头，代表是当前目录下找对应的子文件夹  
6.cd … 回退到上一级目录  
7.删除文件 rm -rf checked.png no-data.png video.png 此行代码的意思是：删除掉这三张图片，分别是 checked.png no-data.png video.png  
8.复制文件：cp -r 【需要复制的文件名】/ 【复制成的文件名】  
9.复制文件：cp index.html … 将Index.html文件复制到 上一级文件夹中  
10.删除文件时，如果提示没有权限 permission denied ，这种情况下如果还是想要删除，则需要使用 sudo rm -rf pages/ 以管理员权限删除pages文件夹及下面的内容  
11.sudo !! 以管理员权限执行上面的命令  
最终实现的效果就是 将static文件夹 favicon.ico index.html 三个文件放到与dist同级的目录下。

dist是后台管理系统打包后形成的文件  
static是手机app打包后形成的文件