VSCode instructions
How it works?
Here is a VSCode setup integration example
Install VSCode
- Install VS code binary. Here is the download link for Windows, macOS, linux-debian.
- Start VSCode, on macOS press CMD+<SPACE> and type code
- Install YAML support for VSCode. Here is the github repo
JSON/YAML Setup
- Edit "user.settings" on macOS Code -> Preferences -> Settings
- In the search bar search for json.schemas
- Click on settings.json
- Cut-n-paste the following settings (note this is setup for US-east-1 currently, the same
{
"[yaml]": {
"editor.insertSpaces": true,
"editor.tabSize": 2,
"editor.quickSuggestions": {
"other": true,
"comments": false,
"strings": true
},
"editor.autoIndent": true
},
"editor.renderWhitespace": "all",
"editor.tabSize": 2,
"editor.autoIndent": true,
"yaml.format.enable": true,
"yaml.trace.server": "verbose",
"json.schemas": [
{
"fileMatch": [
"*-cfn-us-east-1.json"
],
"url": "https://s3.us-east-1.amazonaws.com/cfn-resource-specifications-us-east-1-prod/schemas/2.15.0/all-spec.json"
}
],
"yaml.schemas": {
"https://s3.amazonaws.com/cfn-resource-specifications-us-east-1-prod/schemas/2.15.0/all-spec.json": "*-us-east-1-cfn.yaml"
}
}
- Create new file with the extension specified in the mapping network-cfn-us-east-1.json, or network-cfn-us-east-1.yaml. VSCode will use the mapping to determine code assist, validate the template locally for errors
YAML Gotchas
YAML is very whitespace sensitive for code completion. YAML LSP support does not deal with whitespace correctly. Here are tips to follow along if code completion isn't working as desired
- Ensure to get rid of all white spaces below the line you are editing
- Remember that you can not edit in between. Editing towards the end is the only one works. You still will have some partial results but experience is subpar. This is true for all json schemas