Skip to content

Latest commit

 

History

History
102 lines (76 loc) · 3.85 KB

visual-code-workspace-setup.md

File metadata and controls

102 lines (76 loc) · 3.85 KB

Visual Code Workspace - draft

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

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 [email protected]:bbc/digital-paper-edit-client.git 
git clone [email protected]:bbc/digital-paper-edit-api.git  
git clone [email protected]:bbc/digital-paper-edit-electron.git  
git clone [email protected]:bbc/digital-paper-edit-infrastructure.git  
git clone [email protected]:bbc/digital-paper-edit-cep.git 

To download the micro services used in the backend

git clone [email protected]:bbc/digital-paper-edit-stt-proxy.git
git clone [email protected]:bbc/digital-paper-edit-audio-converter.git
git clone [email protected]: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

Visual Code Live Share - plugin - optional

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.