Lesson 2: Setup Deno (VSCode)

notice that I have like Auto completion there's no red squiggly saying that it doesn't recognize Dino that when I do like uh dino Dot and then a function it has Auto completion and it shows like the peaking of the definition these are all features that a language server provides you when you add it to the ID or text editor that you're using we're using visual studio code so that's how I'm going to show you how to install Dino's language server so what's interesting is Dino's executable actually has an LSP command so the dino CLI has an LSP command and that is actually the language servers um I think that stands for language server protocol but the language server for Dino was actually installed with the dino executable that we set up and the prior lesson so for visual studio code and I'm assuming all other Ides and text editors we actually need to install the dino extension and that extension acts as a client for the IDE to be able to interact with the Dina language server to provide Auto completion and things like that so I'm installing that right now and now let's set up our settings so you'll notice in Visual Studio code you'll have all of these settings uh you have user settings and workspace settings workspace settings are for a specific workspace user settings are more General so they're the settings defined by a user across multiple workspaces um so what we're actually going to do though is in Visual Studio code you can create this special folder called dot vs code that you see and we're going to Define our settings there so it's easier for you guys to visualize but the settings and the extension settings tab that we just saw is actually just a user interface for the Json settings we're going to Define so if you guys want to copy these Dino language server client extension settings that I've defined verbatim you should be able to The Only Exception being the dino path that Dino path references the path to the executable the dino executable that we installed in the prior video um if you're on Linux or Mac and you use Brew then you should be good otherwise I'd run something like which Dino check the path where your dno executable is installed and um and then copied that path and that's what you want to set the value of your Dino path setting for and then your Dino extension settings should be good and la la and again those Dino Json settings are just the the Json settings for that settings user interface the true test is does the dino object within mod.ts have a Reds quickly under it or not um and you know the dino language server is installed if there is no res squiggly because it can bind Dino without needing to import it thus the dino language server works

Channel: Zak H.

Views: 73

Keywords: deno, javascript, lsp, typescript, vscode

Id: 0fIe4786GdQ

Length: 2min 39sec (159 seconds)

Published: Mon Jun 19 2023