Home > Web Front-end > JS Tutorial > body text

Use d.ts file auto-completion

php中世界最好的语言
Release: 2018-06-08 13:53:27
Original
2525 people have browsed it

This time I will bring you what to pay attention to when using d.ts file automatic completion. The following is a practical case, let’s take a look.

Auto-completion (intelligent prompt)

Because Microsoft previously launched the typescript language, combined with tsd files, using visual studio to write typescript code is It’s quite cool, the smart reminder function is very nb.

This function should be inherited by vsc.

vsc’s auto-completion uses typings.

First the renderings:

##Install nodejs

Because you need to use npm in node to install the d.ts file written by others, you must 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 project configuration file

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 the 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
Copy after login
It should be noted that the npm software library is blocked, so you have to circumvent the wall, 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 means that it is 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 we wrote ourselves

If it is the d.ts file we wrote ourselves, then put the d.ts file Just go to 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 json-server generates back-end data

Detailed explanation of the render case in React

The above is the detailed content of Use d.ts file auto-completion. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!