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

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

往往这时候需要等待

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

1、工具flashfxp

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

2、创建命令文件

upload.cmd

输入：

G:\\Software\\FlashFXP\\flashfxp.exe -upload my_ecs -localpath=E:\project\Web\vuework\  -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",

  },

....