Visual Code Workspace - draft

June 12, 2019 · View on GitHub

This walks you through using multi root VS Code Workspace for this project. It's an optional step provided for convenience, you are welcome to use any other code editor you are most conformable with.

Pre-requisite

Git
Node

Some quick instructions to get setup, feedback to make this onboarding

git clone these repos

Copy and paste this in your terminal to download all the repositories

git clone git@github.com:bbc/digital-paper-edit-client.git 
git clone git@github.com:bbc/digital-paper-edit-api.git  
git clone git@github.com:bbc/digital-paper-edit-electron.git  
git clone git@github.com:bbc/digital-paper-edit-infrastructure.git  
git clone git@github.com:bbc/digital-paper-edit-cep.git

To download the micro services used in the backend

git clone git@github.com:bbc/digital-paper-edit-stt-proxy.git
git clone git@github.com:bbc/digital-paper-edit-audio-converter.git
git clone git@github.com:bbc/digital-paper-edit-video-preview-converter.git

Create a file named digital-paper-edit.code-workspace in the same root where you have cloned the repositories, and add this json as content

{
    "folders": [
        {
            "name": "React Client",
            "path": "digital-paper-edit-client"
        },
        {
            "name": "Server API",
            "path": "digital-paper-edit-api"
        },
        {
            "name": "Electron Desktop app",
            "path": "digital-paper-edit-electron"
        },
        {
            "name": "Adobe CEP - Premiere Plugin",
            "path": "digital-paper-edit-cep"
        },
        {
            "name": "AWS Infrastructure",
            "path": "digital-paper-edit-infrastructure"
        },
        {
            "name": "Microservice: STT Proxy",
            "path": "digital-paper-edit-stt-proxy"
        },
        {
            "name": "Microservice: Video Preview Converter",
            "path": "digital-paper-edit-video-preview-converter"
        },
        {
            "name": "Microservice: Audio Converter",
            "path": "digital-paper-edit-audio-converter"
        }
    ]
}

double clicking digital-paper-edit.code-workspace will open the workspace.

`npm ScriptExplorer`

You can also use the convinient npm ScriptExplorer

go to File -> Preferences -> Settings (CTRL+,) and to enable npm.enableScriptExplorer. VS Code will now automatically search for your package.json file and extract all commands from its scripts section.

This adds a new view in the sidebar on the left called “NPM Scripts”.

There, all NPM script commands are listed and you can simply click on the little arrow next to each one to start it. A new terminal is opened and the script is executed.

see here for more details

Optionally, if you are using Visual Code you can setup live share for pair programming. See here for more details, and the marketplace live share plugin.