Use d.ts files for js prompts

This time I will bring you the use of d.ts files for js prompts and the precautions for using d.ts files for js prompts. The following is a practical case, let's take a look.

Autocomplete (intelligent prompt)

Because Microsoft previously launched the TypeScript language, it is quite fun to use Visual Studio to write TypeScript code combined with TSD files, and the smart prompt function is very nb.

This function should be inherited by vsc

as a matter of course.

VSC's auto-completion uses typings.

Install nodejs

Because you need to use npm in node to install the d.ts file written by others, you need to install nodejs first. I won’t go into the specific steps. Go to the nodejs official website to download the corresponding program, click Next and then install it.

Add the configuration file of the project

In the root directory of the project, create a jsconfig.json file with the following content:

{
 // See https://go.microsoft.com/fwlink/?LinkId=759670
 // for the documentation about the jsconfig.json format
 "compilerOptions": {
 "target": "es5",
 "module": "commonjs",
 "allowSyntheticDefaultImports": true
 },
 "exclude": [
 "node_modules",
 "bower_components",
 "jspm_packages",
 "tmp",
 "temp"
 ]
}

The function of this configuration file is to tell VSCode

Editor that your project is a js project.

Install related d.ts files written by others

For example, if I want to prompt jquery, then use this command:

npm install @types/jquery -save

It should be noted that the npm software library is blocked, so you have to circumvent the blockade, or use the following command to install it.

$ npm install @types/jquery -save --registry=https://registry.npm.taobao.org

The long list of things at the end indicates that they are installed through the server built by Taobao.

Then you will find that there is an additional node_modules/@types/jquery folder in your project.

At this time, you can achieve the effect as shown in the renderings.

Use the d.ts file written by yourself

If it is a d.ts file written by ourselves, then just put the d.ts in the root directory of the project or any directory.

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

How to implement weight probability sorting of js arrays

Bind the mouse 3 click events

Js Canvas makes image compression

The above is the detailed content of Use d.ts files for js prompts. For more information, please follow other related articles on the PHP Chinese website!