You have to install the official Deno VSCode <a href="https://github.com/denoland/vscode_deno">plugin</a> to get the autocomplete feature for Deno. Then you have to enable the plugin for your project. This plugin also removes <code>async/await</code> and <code>.ts</code> extension errors for Deno projects.
Let me explain in more detail step by step.
<h2>Deno snippets for VS Code</h2>
First, install the official Deno beta <a href="https://marketplace.visualstudio.com/items?itemName=denoland.vscode-deno">extension</a>.
Then open your project folder and create a folder called <code>.vscode</code> in your project directory if it doesn't exist. Also create <code>settings.json</code> file in <code>.vscode</code> folder.
Next, open the <code>settings.json</code> file and add the JSON text from below.
<pre><code class="language-json">{
 "deno.enable": true
}
</code></pre>
Check the screenshot below to verify that if you did everything correctly.
<img src="/images/deno-autocompletion-vscode.jpg" alt="deno extension">
You might be wondering why to use <code>settings.json</code> in the project folder. Well, enabling Deno in your global config will enable Deno for your other Typescript projects which is you don't want to. Also, code completion for Deno doesn't work with the global configuration.
Alright, Now create <code>index.ts</code> file to check if the plugin is working fine like the official plugin gif below, If not then try reloading the VSCode window.
<img src="/images/deno-intellisense.gif" alt="deno intellisense gif">
<h2>Conclusion</h2>
When I first installed that extension, IntelliSense was not working for me. Then I realized I missed a step from the documentation. I just explained in more detail what the docs said and that's all.
Well, Good Luck With Deno!

Nav-Tree

#vscode

Deno IntelliSense on Visual Studio Code

No More Posts Available...