作为一个刚转前端的小白,日常记录新学到的知识。
'硬性要求':在学会操作步骤之前,一直都是项目里面的其他人来负责打包更新构建,但是偶有一天需要自己构建时一脸懵... 所以凡事能用到的,自己都要掌握,不要偷懒哟。
废话少说,直接上步骤:
1. 首先要下载FileZilla Client,这个就不用多说了,不会的可以自己搜一下。
2.下载完毕后,打开界面该位置的站点管理器,如下:
3.然后填入公司服务器的上传地址以及用户名,注意每个地方的选项,如下:
4.再次选择你要连接的站点管理器,根据提示输入密码进行连接,可以在状态中查看是否成功。
5.连接成功后,输入远程站点:
6.接下来就是项目的打包了,打开vscode中要构建的项目,终端输入:npm run build:sit 然后打包成功获取dist目录即可。
其中sit为不同的环境选择,例如例如测试环境,预发布环境,线上环境等
7.打包完成后将FZ里面的如下文件删掉,新项目打包后的dist文件拖进来即可。
总结:差不多就是这个步骤,只是单纯的记录一下,做学习用。