一键部署前端项目

在没有用一键部署前，每次开发完都需要手动build、将dist包通过ftp丢到服务器上。这样发包就很繁琐，因此推荐使用vsCode插件Alibaba Cloud Toolkit实现一键部署。

Alibaba Cloud Toolkit 插件

vscode安装插件Alibaba Cloud Toolkit后重启

新建连接服务器Host View

Host List：服务器IP
port：端口默认22
SSH Profile：创建新服务账号密码 / 选择已经建过的

点击【Test Connection】后会提示测试连接成功

测试成功后点击OK，列表会出现设置的IP信息，点击可进行编辑。

配置打包、部署

Name：定义的名字，不可重复；
File：打包方式；
Project：选择要部署工程的根目录；
Build Output：打包之后的 Output 目录；
Scripts：打包的命令，这个在你选择了工程目录，会自动读取package.json 中脚本命令；
Target Host：部署的远程目标服务器；
Target Directory：远程目标服务器上的指定部署目录；
After deploy：文件上传到服务器上之后要做的事、比如执行复制、删除等对文件夹和文件做的一些操作

配置成功后点击【应用】-再点击【确定】就会进行打包和部署。

注意：点击【应用】出现已经存在的错误提示，是因为已经在左侧Deployment列表存在了哈（我傻傻的没展开看左侧还一直想着怎么就重复了呢哈哈）

上面步骤就可完成一键部署啦