Use d.ts files for js prompts-JS Tutorial-php.cn

This time I will bring you the use of d.ts files for js prompts and theprecautions 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 theconfiguration 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" ] }

Copy after login

The function of this configuration file is to tell VSCode

Editorthat 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

Copy after login

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

Copy after login

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!