From 28a8a90bb199ec865d1ba85bd40c85db0deef912 Mon Sep 17 00:00:00 2001 From: Cory LaViska Date: Mon, 28 Nov 2022 16:13:36 -0500 Subject: [PATCH] update docs --- docs/getting-started/usage.md | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/docs/getting-started/usage.md b/docs/getting-started/usage.md index a16a6b7e2..9836762e6 100644 --- a/docs/getting-started/usage.md +++ b/docs/getting-started/usage.md @@ -153,17 +153,16 @@ A clever way to use this method is to hide the `` with `opacity: 0` and ad ### VS Code -Shoelace ships with a file called `vscode.html-custom-data.json` that can be used to describe custom elements and CSS custom properties to Visual Studio Code. This enables code completion for Shoelace components (also known as "code hinting" or "IntelliSense"). To enable it, you need to tell VS Code where the file is. +Shoelace ships with a file called `vscode.html-custom-data.json` that can be used to describe it's custom elements to Visual Studio Code. This enables code completion for Shoelace components (also known as "code hinting" or "IntelliSense"). To enable it, you need to tell VS Code where the file is. 1. [Install Shoelace locally](/getting-started/installation#local-installation) -2. Create a folder called `.vscode` at the root of your project -3. Create a file inside the folder called `settings.json` +2. If it doesn't already exist, create a folder called `.vscode` at the root of your project +3. If it doesn't already exist, create a file inside that folder called `settings.json` 4. Add the following to the file ```js { - "html.customData": ["./node_modules/@shoelace-style/shoelace/dist/vscode.html-custom-data.json"], - "css.customData": ["./node_modules/@shoelace-style/shoelace/dist/vscode.css-custom-data.json"] + "html.customData": ["./node_modules/@shoelace-style/shoelace/dist/vscode.html-custom-data.json"] } ```