首页 >

VSCode如何自动补全js代码

开发工具|VSCodeVSCode如何自动补全js代码
vscode,自动补全
开发工具-VSCode
PHP源码获取工具,vscode驼峰式写法,mint超越ubuntu,解决tomcat多端口,爬虫误区,php redis3.0,汕尾seo公司详细报价,实现网站三级菜单特效,苹果影视系统模板下载lzw
VSCode如何自动补全js代码
本地生活源码,vscode编写设置,ubuntu javafx,tomcat 新增用户,sqlite.甜茶,discuz好玩插件,vue前端框架视频教程,爬虫软件单机版,php 删除数组的值,什么是seo视频外推黑帽seo,asp access网站搭建,企业手机网页 制作软件,mui登录退出模板lzw
vscode原本是只有es原生api有带自动补全的功能,但是如果使用node.js或者其require进去的相关函数就比较可怜了。
微信积分墙源码,vscode批量删除逗号,ubuntu svn管理,tomcat禁止列目录,百融爬虫,合成图片 php,服装seo软文代理发布,b2c网站html,discuz手机论坛模板lzw
vscode可以识别typings,因此可以通过typings来作为插件拓展vscode的功能。

具体使用方法如下:

1、配置jsconfig.json

在使用typings之前,需要在vscode里面配置一下名为jsconfig.json的文件。配置方法很简单,随便选中一个js文件,vscode右下角会弹出一个绿色的小灯泡,如图所示:

VSCode如何自动补全js代码

2、配置jsconfig.json

点击进去,顶部会提示

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

选择create,vscode就会创造一个jsconfig.json的文件,内容大致如下:

{    // 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"    ]}

所有需要的参数都会帮我们设置好。此时我使用的是vscode v1.2.0生成的jsconfig,低版本自动生成的配置可能会比里面的少一点,但不影响。

2、安装typings

使用npm全局安装typings

npm install -g typings

3、安装语法插件

以安装node.js自动补全为例,在项目根目录下使用bash或者cmd,输入

typings install dt~node --global

其中”dt~”为使用DefinitelyTyped类型定义的意思,vscode可以识别这种定义。

之后可以看到在项目目录下出来了新的文件夹“typings”

VSCode如何自动补全js代码

现在输入process,自动地补全出来了~window下可能需要重启下vscode才能看到自动补全的效果。

VSCode如何自动补全js代码

相关文章教学推荐:vscode教学


VSCode如何自动补全js代码
  • jQuery实现Email邮箱地址自动补全功能代码
  • jQuery实现Email邮箱地址自动补全功能代码 | jQuery实现Email邮箱地址自动补全功能代码 ...

    VSCode如何自动补全js代码
  • PHP+jQuery实现自动补全功能源码【PHP】
  • PHP+jQuery实现自动补全功能源码【PHP】 | PHP+jQuery实现自动补全功能源码【PHP】 ...

    VSCode如何自动补全js代码
  • 文本框文本自动补全效果示例分享【jquery】
  • 文本框文本自动补全效果示例分享【jquery】 | 文本框文本自动补全效果示例分享【jquery】 ...