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
bbc/digital-paper-edit-clientbbc/digital-paper-edit-apibbc/digital-paper-edit-infrastructure/bbc/digital-paper-edit-electronbbc/digital-paper-edit-cep
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.
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.
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.