CN116820445A - 一种基于VS Code的前端项目部署方法和装置 - Google Patents

Abstract

本发明公开了一种基于VS Code的前端项目部署方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：获取待部署的开发项目的源码，并获取生产仓库地址；基于与部署环境对应的命令，对所述开发项目的源码进行编译处理，得到与所述部署环境对应的静态资源文件；获取所述生产仓库地址下与所述部署环境对应的分支地址，将所述静态资源文件推送到所述分支地址下，以进行前端项目部署上线操作。该实施方式使用VS Code插件的形式，实现代码的自动编译和代码在不同仓库的自动同步，无需打开多个文件或不停切换项目，缩小开发人员手动操作的成本，降低操作失误率。

Description

一种基于VS Code的前端项目部署方法和装置

技术领域

本发明涉及计算机技术领域，尤其涉及一种基于VS Code的前端项目部署方法和装置。

背景技术

现有系统代码托管平台包含两个不同的Git(开源的分布式版本控制系统)仓库：开发仓库和生产仓库，开发仓库存储程序的源码，生产仓库存储有将源码经过打包工具编译后的静态资源，一种可供浏览器解析使用的静态资源文件。

通常开发人员在开发仓库内进行系统、功能的研发工作，之后将源码编译、打包生成静态资源文件，再将静态资源文件手动拷贝到生产仓库的项目中，提交到生产仓库的代码托管平台。

在实现本发明的过程中，发明人发现现有技术至少存在如下问题：

1、每次需手动从开发仓库同步最新代码、将编译后的静态资源文件拷贝到生产仓库，然后再去提交代码，因为是手动操作，增加了人力成本、延长了操作时间；

2、当开发的项目数量较多时，开发人员需不停切换仓库地址，易出现操作错误/混乱的情况。当多个项目同时开发时，为避免来回切换文件地址，会同时打开多个文件，然后在去本地编译打包代码和拷贝，操作较为繁琐。

发明内容

有鉴于此，本发明实施例提供一种基于VS Code的前端项目部署方法和装置，至少能够解决现有技术中均为手动操作，耗时且易操作错误；开发过程中需不断切换地址和终端，操作较为繁琐的现象。

为实现上述目的，根据本发明实施例的一个方面，提供了一种基于VS Code的前端项目部署方法，包括：

获取待部署的开发项目的源码，并获取生产仓库地址；其中，生产仓库为前端提供可识别的编码信息，编码信息包括与部署环境对应的分支地址；

基于与部署环境对应的命令，对所述开发项目的源码进行编译处理，得到与所述部署环境对应的静态资源文件；

获取所述生产仓库地址下与所述部署环境对应的分支地址，将所述静态资源文件推送到所述分支地址下，以进行前端项目部署上线操作。

可选的，所述基于与部署环境对应的命令，对所述开发项目的源码进行编译处理，包括：

从本地编译配置文件中，提取出用于编译源码的命令列表；其中，所述开发项目中预先配置有所述本地编译配置文件，不同命令对应不同部署环境；

接收对所述命令列表中一个命令的选择操作，基于所述一个命令对所述开发项目的源码进行编译处理。

可选的，所述获取生产仓库地址，包括：

唤醒VS Code中的命令列表，执行命令列表中的初始化配置文件命令，以初始化远程部署配置文件，得到本地部署配置文件，进而从所述本地部署配置文件中获取所述生产仓库地址。

可选的，所述将所述静态资源文件推送到所述分支地址下，以进行前端项目部署上线操作，包括：

响应于所述开发项目中不包含所述本地部署配置文件，唤醒代码登陆平台的授权登陆界面，待对输入的账号和密码认证通过后，获取所述账号下的所有项目；

接收对其中一个项目的选择操作，获取所述其中一个项目下所有分支的地址；

接收对其中一个分支地址的选择操作，将所述静态资源文件推送到所述其中一个分支地址下，以进行前端项目部署上线操作。

可选的，在所述执行命令列表中的初始化配置文件命令之前，还包括：接收输入的所述生产仓库地址，以存储到所述远程部署配置文件中。

可选的，远程部署配置文件和本地部署配置文件中，还包括所述开发项目的编译构建地址；

在得到与所述部署环境对应的静态资源文件之后，还包括：将所述静态资源文件，存储到所述编译构建地址中；

所述将所述静态资源文件推送到所述分支地址下，包括：将位于所述编译构建地址中的所述静态资源文件，推送到所述分支地址下。

为实现上述目的，根据本发明实施例的另一方面，提供了一种基于VS Code的前端项目部署装置，包括：

确定模块，用于获取待部署的开发项目的源码，并获取生产仓库地址；其中，生产仓库为前端提供可识别的编码信息，编码信息包括与部署环境对应的分支地址；

编译模块，用于基于与部署环境对应的命令，对所述开发项目的源码进行编译处理，得到与所述部署环境对应的静态资源文件；

推送模块，用于获取所述生产仓库地址下与所述部署环境对应的分支地址，将所述静态资源文件推送到所述分支地址下，以进行前端项目部署上线操作。

可选的，所述编译模块，用于：

从本地编译配置文件中，提取出用于编译源码的命令列表；其中，所述开发项目中预先配置有所述本地编译配置文件，不同命令对应不同部署环境；

接收对所述命令列表中一个命令的选择操作，基于所述一个命令对所述开发项目的源码进行编译处理。

可选的，所述确定模块，用于：

唤醒VS Code中的命令列表，执行命令列表中的初始化配置文件命令，以初始化远程部署配置文件，得到本地部署配置文件，进而从所述本地部署配置文件中获取所述生产仓库地址。

可选的，所述推送模块，还用于：

响应于所述开发项目中不包含所述本地部署配置文件，唤醒代码登陆平台的授权登陆界面，待对输入的账号和密码认证通过后，获取所述账号下的所有项目；

接收对其中一个项目的选择操作，获取所述其中一个项目下所有分支的地址；

接收对其中一个分支地址的选择操作，将所述静态资源文件推送到所述其中一个分支地址下，以进行前端项目部署上线操作。

可选的，所述确定模块，还用于：接收输入的所述生产仓库地址，以存储到所述远程部署配置文件中。

可选的，远程部署配置文件和本地部署配置文件中，还包括所述开发项目的编译构建地址；

所述编译模块，还用于：将所述静态资源文件，存储到所述编译构建地址中；

所述推送模块，还用于：将位于所述编译构建地址中的所述静态资源文件，推送到所述分支地址下。

为实现上述目的，根据本发明实施例的再一方面，提供了一种基于VS Code的前端项目部署电子设备。

本发明实施例的电子设备包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现上述任一所述的基于VS Code的前端项目部署方法。

为实现上述目的，根据本发明实施例的再一方面，提供了一种计算机可读介质，其上存储有计算机程序，所述程序被处理器执行时实现上述任一所述的基于VS Code的前端项目部署方法。

根据本发明所述提供的方案，上述发明中的一个实施例具有如下优点或有益效果：使用VS Code插件的形式，可不受限于对本地磁盘的访问以对本地文件进行写入、读取，实现代码的自动编译和代码在不同仓库的自动同步，无需打开多个文件或不停切换项目，缩小开发人员手动操作的成本，降低手动部署代码和操作失误率。

上述的非惯用的可选方式所具有的进一步效果将在下文中结合具体实施方式加以说明。

附图说明

附图用于更好地理解本发明，不构成对本发明的不当限定。其中：

图1是根据本发明实施例的一种基于VS Code的前端项目部署方法的主要流程示意图；

图2是系统架构示意图；

图3是根据本发明实施例的一种基于VS Code的前端项目部署装置的主要模块示意图；

图4是本发明实施例可以应用于其中的示例性系统架构图；

图5是适于用来实现本发明实施例的移动设备或服务器的计算机系统的结构示意图。

具体实施方式

以下结合附图对本发明的示范性实施例做出说明，其中包括本发明实施例的各种细节以助于理解，应当将它们认为仅仅是示范性的。因此，本领域普通技术人员应当认识到，可以对这里描述的实施例做出各种改变和修改，而不会背离本发明的范围和精神。同样，为了清楚和简明，以下的描述中省略了对公知功能和结构的描述。

对于本方案所涉及的词语，做解释如下：

自动化部署：部署过程的每一个步骤都自动化，可以带来包括效能在内的显著好处。

编译：利用编译工具将程序源码编译成计算机可以识别的语言。

Git：一个开源的分布式版本控制系统，用于敏捷高效地处理任何或小或大的项目。

参见图1，示出的是本发明实施例提供的一种基于VS Code的前端项目部署方法的主要流程图，包括如下步骤：

S101：获取待部署的开发项目的源码，并获取生产仓库地址；其中，生产仓库为前端提供可识别的编码信息，编码信息包括与部署环境对应的分支地址；

S102：基于与部署环境对应的命令，对所述开发项目的源码进行编译处理，得到与所述部署环境对应的静态资源文件；

S103：获取所述生产仓库地址下与所述部署环境对应的分支地址，将所述静态资源文件推送到所述分支地址下，以进行前端项目部署上线操作。

上述实施方式中，对于步骤S101，VS Code(Visual Studio Code的简称)插件，是VS Code开发工具的扩展功能，在插件的加持下使得VS Code开发工具的功能更加丰富。由于VS Code插件是基于Electron开发的，可以使用nodejs随意读写本地文件、跨域请求、甚至创建一个本地server，这些都是没有限制的，因而本方案通过开发VS Code插件的形式，可以不受限于对本地磁盘的访问。

一个VS Code开发工具内仅设置有一个开发项目，因而若需开发多个项目，需设置有多个VS Code开发工具。在启动一个VS Code开发工具时，其内的开发项目也随之打开，以显示该开发项目的代码，类似于打开word显示文件内容。

本方案通过开发VS Code插件的形式，来实现代码的自动push到生产仓库。VSCode插件中的功能都是基于一个个命令实现的，因而可以预先定义一些命令，这些命令被保存在VS Code开发工具的命令列表中，可通过Ctrl+Shift+P唤醒。使用这种形式：1)、可以不受限于对本地磁盘的访问；2)、可以自定义命令；3)、自定义设置，灵活、方便。

通过Ctrl+Shift+P唤醒VS Code开发工具中的命令列表，执行命令列表中的初始化配置文件命令，以初始化远程部署配置文件，得到本地部署配置文件，进而从本地部署配置文件中获取生产仓库地址。

需要说明的是，对于本地而言，通常无法操作远程部署配置文件，或者需要来回点击、关闭，为便于后续信息的直接获取，需将该文件转换为本地部署配置文件，后续开发人员仅打开一个本地部署配置文件即可。另外，在生产仓库地址开发人员已知、且后期变动可能较小的情况下，可以由开发人员通过输入的方式，如复制粘贴、从Git仓库中查找、init命令，将该地址输入到远程部署配置文件中。

对于步骤S102，自动编译构建位于前端部署项目之前，可以根据用户需要部署的环境，选择相应命令对开发项目的源码进行编译，得到不同部署环境的静态资源文件。

每个开发项目中预先配置有package.json文件(本地编译配置文件)，读取package.json，从中提取出Scripts脚本中的命令列表，以供用户选择。进而根据用户选择的命令，对开发项目的源码进行编译，输出相应部署环境下的静态资源文件。假设Scripts脚本包含三个命令：

命令1:build:test

命令2:build:pre

命令3,build

将上述三个命令提供给用户选择。若选择build:test，则编译为测试环境的静态资源文件，选择build:pre，则编译为预发环境的静态资源文件，选择build，则编译为生产环境下的静态资源文件。其中：

1)测试环境：开发完成之后，需验证功能、程序是否有bug，这个是内部的系统，用户是看不到也不能访问。

2)预发环境：预发环境是另外一套测试环境，只是数据是真实用户数据，再次用来验证程序和功能的正确性。

3)生产环境：已经对外发布的、可以使用的App或网站，以提供给用户使用的环境。

对于步骤S103，编译流程结束后即进入自动部署流程，目的在于将功能对外开放以供用户使用，本过程同样发生在开发仓库内。参见图2所示，开发仓库对应于前述步骤，如获取待部署项目的源码，利用VScode插件，调用与用户选择的部署环境对应的命令，对该源码进行编译，得到静态资源文件。利用VS Code插件获取本地部署配置文件，从中解析出生产仓库地址，以通过Git插件，将编译后的静态资源文件推送到生产仓库地址下。之后开发人员便可以基于Nginx(一个高性能的HTTP(Hyper Text Transfer Protocol，超文本传输协议)和反向代理服务器)从生产仓库拉取最新代码，以进行前端部署工作。

由于开发项目数量较多，因而为便于区分不同开发项目的信息，在生产仓库下设置有多个分支。或者，根据不同部署环境设置有不同的分支，所得到的静态资源文件需存储到该分支下。如图2所示，生产仓库下设置有测试服务、生产服务，每个服务下可以针对不同开发项目设置不同的分支，如分支1、分支2，不同分支的地址不同。

进一步的，远程部署配置文件中还包括开发项目的编译构建地址，同样由开发人员手动输入或选择，因而本地部署配置文件中也包含有该地址。编译得到的静态资源文件需统一存储到编译构建地址下，之后再从编译构建地址中拉取静态资源文件，推送给分支地址进行前端部署。

实际操作中，可能会遇到网络故障等异常情况，此时无法获取到本地部署配置文件，因而无法获取到生产仓库地址，获取开发人员未输入生产仓库地址至远程配置文件。针对该情况，需在编译到静态资源文件后，检查开发项目中是否包含本地部署配置文件，若包含，则直接进行静态资源文件推送，否则需唤醒浏览器，打开代码登陆平台的授权登陆界面，用户需输入账号和密码进行验证，待验证通过后，提取该账号下的所有项目进行显示，此时的项目可能包含开发项目和生产项目。

用户需选择一个开发项目，获取该开发项目下的所有分支的地址进行选择，最终将静态资源文件推送到选择的分支地址下，以进行前端项目部署上线操作。

虽可以开发一个自动化部署平台，开放给用户，让用户自己去录入对应的项目、开发仓库、生产仓库、分支的相关信息，然后去以项目为维度去管理、维护。而使用VS Code插件的形式，不需要去维护项目之间的关系，只注重编译后的静态资源文件和生产仓库地址即可，还可以集成Nginx做本地测试、验证。

本发明实施例所提供的方法，使用VS Code插件的形式，可不受限于对本地磁盘的访问来实现对本地文件的写入、读取，实现代码的自动编译和代码在不同仓库的自动同步，无需打开多个文件或不停切换项目，解决了开发人员手动拷贝、提交代码的问题，降低手动部署代码和操作失误率。

参见图3，示出了本发明实施例提供的一种基于VS Code的前端项目部署装置300的主要模块示意图，包括：

确定模块301，用于获取待部署的开发项目的源码，并获取生产仓库地址；其中，生产仓库为前端提供可识别的编码信息，编码信息包括与部署环境对应的分支地址；

编译模块302，用于基于与部署环境对应的命令，对所述开发项目的源码进行编译处理，得到与所述部署环境对应的静态资源文件；

推送模块303，用于获取所述生产仓库地址下与所述部署环境对应的分支地址，将所述静态资源文件推送到所述分支地址下，以进行前端项目部署上线操作。

本发明实施装置中，所述编译模块302，用于：

从本地编译配置文件中，提取出用于编译源码的命令列表；其中，所述开发项目中预先配置有所述本地编译配置文件，不同命令对应不同部署环境；

接收对所述命令列表中一个命令的选择操作，基于所述一个命令对所述开发项目的源码进行编译处理。

本发明实施装置中，所述确定模块301，用于：

唤醒VS Code中的命令列表，执行命令列表中的初始化配置文件命令，以初始化远程部署配置文件，得到本地部署配置文件，进而从所述本地部署配置文件中获取所述生产仓库地址。

本发明实施装置中，所述推送模块303，还用于：

响应于所述开发项目中不包含所述本地部署配置文件，唤醒代码登陆平台的授权登陆界面，待对输入的账号和密码认证通过后，获取所述账号下的所有项目；

接收对其中一个项目的选择操作，获取所述其中一个项目下所有分支的地址；

接收对其中一个分支地址的选择操作，将所述静态资源文件推送到所述其中一个分支地址下，以进行前端项目部署上线操作。

本发明实施装置中，所述确定模块301，还用于：接收输入的所述生产仓库地址，以存储到所述远程部署配置文件中。

本发明实施装置中，远程部署配置文件和本地部署配置文件中，还包括所述开发项目的编译构建地址；

所述编译模块302，还用于：将所述静态资源文件，存储到所述编译构建地址中；

所述推送模块303，还用于：将位于所述编译构建地址中的所述静态资源文件，推送到所述分支地址下。

另外，在本发明实施例中所述装置的具体实施内容，在上面所述方法中已经详细说明了，故在此重复内容不再说明。

图4示出了可以应用本发明实施例的示例性系统架构400，包括终端设备401、402、403，网络404和服务器405(仅仅是示例)。

终端设备401、402、403可以是具有显示屏并且支持网页浏览的各种电子设备，安装有各种通讯客户端应用，用户可以使用终端设备401、402、403通过网络404与服务器405交互，以接收或发送消息等。

网络404用以在终端设备401、402、403和服务器405之间提供通信链路的介质。网络404可以包括各种连接类型，例如有线、无线通信链路或者光纤电缆等等。

服务器405可以是提供各种服务的服务器，用于执行拉取代码、编译代码、推送代码操作。

需要说明的是，本发明实施例所提供的方法一般由服务器405执行，相应地，装置一般设置于服务器405中。

应该理解，图4中的终端设备、网络和服务器的数目仅仅是示意性的。根据实现需要，可以具有任意数目的终端设备、网络和服务器。

下面参考图5，其示出了适于用来实现本发明实施例的终端设备的计算机系统500的结构示意图。图5示出的终端设备仅仅是一个示例，不应对本发明实施例的功能和使用范围带来任何限制。

如图5所示，计算机系统500包括中央处理单元(CPU)501，其可以根据存储在只读存储器(ROM)502中的程序或者从存储部分508加载到随机访问存储器(RAM)503中的程序而执行各种适当的动作和处理。在RAM 503中，还存储有系统500操作所需的各种程序和数据。CPU 501、ROM 502以及RAM 503通过总线504彼此相连。输入/输出(I/O)接口505也连接至总线504。

以下部件连接至I/O接口505：包括键盘、鼠标等的输入部分506；包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分507；包括硬盘等的存储部分508；以及包括诸如LAN卡、调制解调器等的网络接口卡的通信部分509。通信部分509经由诸如因特网的网络执行通信处理。驱动器510也根据需要连接至I/O接口505。可拆卸介质511，诸如磁盘、光盘、磁光盘、半导体存储器等等，根据需要安装在驱动器510上，以便于从其上读出的计算机程序根据需要被安装入存储部分508。

特别地，根据本发明公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本发明公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的实施例中，该计算机程序可以通过通信部分509从网络上被下载和安装，和/或从可拆卸介质511被安装。在该计算机程序被中央处理单元(CPU)501执行时，执行本发明的系统中限定的上述功能。

需要说明的是，本发明所示的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本发明中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本发明中，计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：无线、电线、光缆、RF等等，或者上述的任意合适的组合。

附图中的流程图和框图，图示了按照本发明各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，上述模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图或流程图中的每个方框、以及框图或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本发明实施例中所涉及到的模块可以通过软件的方式实现，也可以通过硬件的方式来实现。所描述的模块也可以设置在处理器中，例如，可以描述为：一种处理器包括确定模块、编译模块、推送模块。其中，这些模块的名称在某种情况下并不构成对该模块本身的限定，例如，推送模块还可以被描述为“文件推送模块”。

作为另一方面，本发明还提供了一种计算机可读介质，该计算机可读介质可以是上述实施例中描述的设备中所包含的；也可以是单独存在，而未装配入该设备中。上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被一个该设备执行时，使得该设备包括：

获取待部署的开发项目的源码，并获取生产仓库地址；其中，生产仓库为前端提供可识别的编码信息，编码信息包括与部署环境对应的分支地址；

基于与部署环境对应的命令，对所述开发项目的源码进行编译处理，得到与所述部署环境对应的静态资源文件；

获取所述生产仓库地址下与所述部署环境对应的分支地址，将所述静态资源文件推送到所述分支地址下，以进行前端项目部署上线操作。

根据本发明实施例的技术方案，使用VS Code插件的形式，可不受限于对本地磁盘的访问来实现对本地文件的写入、读取，实现代码的自动编译和代码在不同仓库的自动同步，无需打开多个文件或不停切换项目，解决了开发人员手动拷贝、提交代码的问题，降低手动部署代码和操作失误率。

上述具体实施方式，并不构成对本发明保护范围的限制。本领域技术人员应该明白的是，取决于设计要求和其他因素，可以发生各种各样的修改、组合、子组合和替代。任何在本发明的精神和原则之内所作的修改、等同替换和改进等，均应包含在本发明保护范围之内。

Claims (10)

1.一种基于VS Code的前端项目部署方法，其特征在于，包括：

获取待部署的开发项目的源码，并获取生产仓库地址；其中，生产仓库为前端提供可识别的编码信息，编码信息包括与部署环境对应的分支地址；

基于与部署环境对应的命令，对所述开发项目的源码进行编译处理，得到与所述部署环境对应的静态资源文件；

获取所述生产仓库地址下与所述部署环境对应的分支地址，将所述静态资源文件推送到所述分支地址下，以进行前端项目部署上线操作。

2.根据权利要求1所述的方法，其特征在于，所述基于与部署环境对应的命令，对所述开发项目的源码进行编译处理，包括：

从本地编译配置文件中，提取出用于编译源码的命令列表；其中，所述开发项目中预先配置有所述本地编译配置文件，不同命令对应不同部署环境；

接收对所述命令列表中一个命令的选择操作，基于所述一个命令对所述开发项目的源码进行编译处理。

3.根据权利要求1所述的方法，其特征在于，所述获取生产仓库地址，包括：

唤醒VS Code中的命令列表，执行命令列表中的初始化配置文件命令，以初始化远程部署配置文件，得到本地部署配置文件，进而从所述本地部署配置文件中获取所述生产仓库地址。

4.根据权利要求3所述的方法，其特征在于，所述将所述静态资源文件推送到所述分支地址下，以进行前端项目部署上线操作，包括：

响应于所述开发项目中不包含所述本地部署配置文件，唤醒代码登陆平台的授权登陆界面，待对输入的账号和密码认证通过后，获取所述账号下的所有项目；

接收对其中一个项目的选择操作，获取所述其中一个项目下所有分支的地址；

接收对其中一个分支地址的选择操作，将所述静态资源文件推送到所述其中一个分支地址下，以进行前端项目部署上线操作。

5.根据权利要求3所述的方法，其特征在于，在所述执行命令列表中的初始化配置文件命令之前，还包括：接收输入的所述生产仓库地址，以存储到所述远程部署配置文件中。

6.根据权利要求3-5中任一项所述的方法，其特征在于，远程部署配置文件和本地部署配置文件中，还包括所述开发项目的编译构建地址；

在得到与所述部署环境对应的静态资源文件之后，还包括：将所述静态资源文件，存储到所述编译构建地址中；

所述将所述静态资源文件推送到所述分支地址下，包括：将位于所述编译构建地址中的所述静态资源文件，推送到所述分支地址下。

7.一种基于VS Code的前端项目部署装置，其特征在于，包括：

确定模块，用于获取待部署的开发项目的源码，并获取生产仓库地址；其中，生产仓库为前端提供可识别的编码信息，编码信息包括与部署环境对应的分支地址；

编译模块，用于基于与部署环境对应的命令，对所述开发项目的源码进行编译处理，得到与所述部署环境对应的静态资源文件；

推送模块，用于获取所述生产仓库地址下与所述部署环境对应的分支地址，将所述静态资源文件推送到所述分支地址下，以进行前端项目部署上线操作。

8.根据权利要求7所述的装置，其特征在于，所述编译模块，用于：

从本地编译配置文件中，提取出用于编译源码的命令列表；其中，开发项目中预先配置有所述本地编译配置文件，命令与部署环境对应；

接收对所述命令列表中一个命令的选择操作，基于所述一个命令对所述开发项目的源码进行编译处理。

9.一种电子设备，其特征在于，包括：

一个或多个处理器；

存储装置，用于存储一个或多个程序，

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-6中任一所述的方法。

10.一种计算机可读介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1-6中任一所述的方法。