Then, if I enter the AP in the current file, I can see that the first item is the constant defined previously. Object Path and Exported Object Hints: For example, I set an APP constant and a Test method in another file. In addition to the built-in code snippets, we can configure our code snippets, which are also part of our dedicated plug-ins.ģ. General code snippets have more than one line of code, which can help us omit a lot of input. Various Built-In Code Snippets: VsCode has many built-in code snippets, which can also help us input quickly. For example, if con is entered, the const, console, and continue are keywords in ts syntax.Ģ. For example, if you select TypeScript, when you write code, there will be hints related to ts syntax. The specific implementation of Language Service Protocol (LSP) is the language supported by VsCode. Where does the code come from among so many recommended options? Why are some options recommended that you do not expect at all? According to my research (I have not seen the source code), the sources of those options are listed below:ġ. So far, you may have been curious about a few things. After all, writing a line of code by directly pressing a key is far more efficient than typing characters one by one. This can improve the efficiency of development. If there is the input you expect, you can directly press the Enter or Tab key (which can be modified in the setting) to enter the recommended code into the editor. The code hinting here means that in the process of writing code, based on the current input, VsCode will pop up with a panel showing some of the possible input. Please refer to this link for more details. There are many tutorials on the development environment setup of VsCode plug-ins online, which will not be repeated in this article. Pre-Development Preparation Environment Setup

Today, let's develop a dedicated code hinting plug-in by ourselves. As a developer, you must have used various plug-ins for code hinting represented by TabNine, Copilot, etc. Plug-ins involve various features, such as thematic songs and code development, including code snippets, Git plug-ins, tslint, etc. According to incomplete statistics, the number of VsCode plug-ins in the plug-in market has exceeded 30,000, which shows how enthusiastic everyone is about VsCode plug-ins. It is a handy tool, and its powerful plug-in capability undoubtedly makes us fall deeply in love with it. Most frontend developers have used VsCode.

Visual studio code snippets tutorial