Skip to main content

CI/CD Configuration

FrameBase has a CI/CD Pipeline included by default within the package. It can be found on .circleci/config.yml file. This .yml file is a configuration file that specifies how CircleCI should build and test your project. It includes information such as the language and version of your project, dependencies, and commands to run tests. CircleCI uses this file to automate the build, test, and deployment process for your project.

CircleCI​

CircleCI is a continuous integration and continuous delivery platform that can be used to implement DevOps practices. CircleCI can be integrated with VS Code for seamless CI/CD activities.

Installation​

To install the CircleCI Extension in VS Code, please follow the steps mentioned below:

  1. Open Visual Studio Code
  2. Navigate to the Extensions Panel (Ctrl+Shift+X)
  3. Search for "CircleCI" in the Extensions
  4. Install the Official CircleCI extension

Configuration​

Once the Installation is completed, follow the steps:

  1. Locate the CircleCI Info Block in the VS Code Status Bar

  2. Click on that, and you will find a form asking for the Personal API Token

  3. Fill your Personal API Token, and click on Connect to CircleCI Button. Once the connection succeeds, you will get a success notification like this:

  4. Now check the CircleCI Info Block in the VS Code Status Bar. If it is showing No Project like shown the image below:

    Click on that Status Info & select the FrameBase option from the Project Dropdown

  5. Once the configuration is completed, the Status Info will be like the image below:

After the configuration gets completed successfully, you will be able to find the detailed Test Results & Build Information on the left-hand sidebar under the Pipelines option.