Home > Development Tools > VSCode > body text

How VSCode automatically completes js code

angryTom
Release: 2020-02-10 16:46:46
Original
26358 people have browsed it

How VSCode automatically completes js code

How VSCode automatically completes js code

vscode originally only had the es native api with automatic completion function, but if you use node .js or its require-related functions are relatively pitiful.

vscode can recognize typings, so typings can be used as a plug-in to expand the functions of vscode.

The specific usage method is as follows:

1. Configure jsconfig.json

Before using typings, you need to configure it in vscode Configure the file named jsconfig.json. The configuration method is very simple. Just select a js file and a small green light bulb will pop up in the lower right corner of vscode, as shown in the picture:

How VSCode automatically completes js code

2. Configure jsconfig. json

Click in and the top will prompt

“Create a jsconfig.json to enable richer IntelliSense and code navigation across the entire workspace.”
Copy after login

Select create, vscode will create a jsconfig.json file, the content is roughly as follows:

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

All required The parameters will be set for us. At this time, I am using the jsconfig generated by vscode v1.2.0. The configuration automatically generated by the lower version may be a little less than the one inside, but it does not affect it.

2. Install typings

Use npm to install typings globally

npm install -g typings
Copy after login

3. Install the syntax plug-in

Take installing node.js automatic completion as an example. Use bash or cmd in the project root directory and enter

typings install dt~node --global
Copy after login

where "dt~" means using the DefinitelyTyped type definition. vscode can recognize this definition.

After that, you can see that a new folder "typings" has appeared in the project directory

How VSCode automatically completes js code

Now enter process and it will be automatically completed~window You may need to restart vscode to see the effect of auto-completion.

How VSCode automatically completes js code

Recommended related articles and tutorials: vscode tutorial

The above is the detailed content of How VSCode automatically completes js code. 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