Download and install the following tools
- Visual Studio Code
- Firefox (because the VS Code Debugger for Chrome extension doesn't support iframes yet)
- Node LTS (make sure its Node LTS - tested with Node 16)
- The Debugger for Firefox VS Code extension
npm install
- Follow instructions
- Acquire a Personal Access Token (PAT)
-
Find all instances of and change it:
template-id
: Lower case only extension ID name with if needed "." as separatorstemplate-name
: English name of extensiontemplate-name-english
: English name of extensiontemplate-project
: SABR GitHub project name
-
Update
azure-devops-extension.json
with any changes needed not tied to "contributions" -
For each contributions, you can use
src/Template
as an example. Do rename all "Template" including the file names to what you need.
Once you're ready to test, perform the following:
- Publish the package to the marketplace. You will be prompted for your PAT.
npm run publish:dev
. - Bring up the local environment.
npm run start:dev
- Open Firefox
- Ensure you have installed your extension for your organization.
- Browse to the project/organization.
- In your organization you must create a Query with the following settings:
- In the same Query, change the Column settings by adding Parent:
- Create a Folder in Shared Queries, called "Automation," then move the saved query into the newly created folder:
- Publish the package to the marketplace. You will be prompted for your PAT.
npm run publish
.
This extension is based upon Azure DevOps Extension Hot Reload and Debug and Azure DevOps Web Sample Extension .