用在vscode快速FTP发布项目到服务器

经常遇到前端项目，构建打包时候，需要好一会，构建结算后还用上传。

往往这时候需要等待

所以就需要一个构建完项目然后自动上传到服务器目录

1、工具flashfxp

由于flashfxp支持命令行操作，所以我们选择来上传文件
在ftp站点管理里，创建一个站点 my_ecs 

2、创建命令文件

upload.cmd

输入：

G:\Software\FlashFXP\flashfxp.exe -upload my_ecs -localpath=E:projectWebvuework
-remotepath=/vuework/ -c2
echo
文件传输完成

localpath 为本地目录

remotepath 为站点目录

c2 代表上传任务结束后，退出软件

文件编辑完之后，可以点击文件测试下，如果能正常上传，就进行下一步

flashfxp命令使用方法

Command Line Switches - FlashFXP Forums

3、命令整合到vscode

把文件upload.cmd文件放在项目目录中

 .node_modules.bin

放在bin里面，就可以在npm脚本中调用了。

编辑 package.json，添加上一个行

"FTP快速上传": "upload",

并且在build那一行，加上 && upload

...
"scripts": {
    "build-生产": "vue-cli-service build --mode prod && upload",
    "FTP快速上传": "upload",
  },
....

最后

以上就是冷傲薯片为你收集整理的用在vscode快速FTP发布项目到服务器的全部内容，希望文章能够帮你解决用在vscode快速FTP发布项目到服务器所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。