热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

vscode如何做提示信息

vscode做提示信息的方法:首先使用命令“npminstalltypings-g”安装“typings”;然后搜索对应模块的“typings”定义;接着根据名称寻找一个可获得的“typings”定义;最后安装调试工具即可。

vscode如何做提示信息?

vscode添加智能提示

由于tsd已经被废弃,所以不再使用tsd,使用typings

安装typings

npm install typings -g
或者
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install typings -g
# 搜索对应模块的typings定义. 
typings search angular
C:\Users\soft>typings search angular
Viewing 20 of 93
NAME                       SOURCE HOMEPAGE                                                        DESCRIPTION VERSIONS UPDATED
adal-angular               dt     https://github.com/AzureAD/azure-activedirectory-library-for-js             1        2016-04-25T20:02:25.000Z
adal-angular/adal          dt     https://github.com/AzureAD/azure-activedirectory-library-for-js             1        2016-07-02T16:42:13.000Z
angular                    dt     http://angularjs.org                                                        2        2017-03-21T20:14:55.000Z
angular-agility            dt     https://github.com/AngularAgility/AngularAgility                            1        2016-07-07T22:12:24.000Z
angular-animate            dt     http://angularjs.org                                                        2        2016-12-06T18:57:11.000Z
angular-bootstrap-calendar dt     https://github.com/mattlewis92/angular-bootstrap-calendar                   2        2016-11-22T23:08:50.000Z
angular-bootstrap-lightbox dt     https://github.com/compact/angular-bootstrap-lightbox                       1        2016-05-10T00:29:10.000Z
angular-breadcrumb         dt     https://github.com/ncuillery/angular-breadcrumb                             2        2017-01-12T17:41:19.000Z
angular-clipboard          dt     https://github.com/omichelsen/angular-clipboard                             1        2016-11-08T15:20:32.000Z
angular-COOKIE             dt     https://github.com/ivpusic/angular-COOKIE                                   1        2016-07-07T22:12:24.000Z
angular-COOKIEs            dt     http://angularjs.org                                                        1        2016-12-06T18:57:11.000Z
angular-deferred-bootstrap dt     https://github.com/philippd/angular-deferred-bootstrap                      1        2016-07-26T23:10:38.000Z
angular-dialog-service     dt     https://github.com/m-e-conroy/angular-dialog-service                        1        2016-07-07T22:12:24.000Z
angular-dynamic-locale     dt     https://github.com/lgalfaso/angular-dynamic-locale                          2        2017-02-16T16:02:18.000Z
angular-environment        dt     https://github.com/juanpablob/angular-environment                           2        2016-07-27T17:57:46.000Z
angular-es                 dt     https://github.com/mbutsykin/angular-es                                     1        2016-10-05T18:40:00.000Z
angular-feature-flags      dt     https://github.com/mjt01/angular-feature-flags                              1        2016-10-05T18:40:00.000Z
angular-file-saver         dt     https://github.com/alferov/angular-file-saver                               1        2017-03-21T16:11:13.000Z
angular-formly             dt     https://github.com/formly-js/angular-formly                                 1        2016-07-07T22:12:24.000Z
angular-fullscreen         dt     https://github.com/fabiobiondi/angular-fullscreen                           1        2016-07-08T00:39:27.000Z
# 根据名称寻找一个可获得的typings定义.
typings search --name angular
C:\Users\soft>typings search --name angular
Viewing 1 of 1
NAME    SOURCE HOMEPAGE             DESCRIPTION VERSIONS UPDATED
angular dt     http://angularjs.org             2        2017-03-21T20:14:55.000Z
# 如果你用一个独立包的模块: 
# 或者并不是安装全局模块
# 比如并不是在命令行通过输入npm install -g typings这种方式安装的. 
typings install angular --save
或者
cnpm install @types/angular  -g  //全局安装
cnpm install @types/node  -g
cnpm install @types/jquery  -g
cnpm install weinre -g    //安装调试工具
# 如果是通过script标记
# 或者是子环境的一部分
# 或者全局typings命令不可用的时候: 
typings install dt~mocha --global --save
其中"dt~"为使用DefinitelyTyped类型定义的意思,vscode可以识别这种定义。 
# 从其他版本处安装typings定义(比如env或者npm). 
typings install env~atom --global --save
typings install npm~bluebird --save
# 使用该文件`typings/index.d.ts` (在`tsconfig.json`文件使用或者用 `///` 定义). 
cat typings/index.d.ts

推荐学习:vscode教程

以上就是vscode如何做提示信息的详细内容,更多请关注其它相关文章!


推荐阅读
  • 秒建一个后台管理系统?用这5个开源免费的Java项目就够了
    秒建一个后台管理系统?用这5个开源免费的Java项目就够了 ... [详细]
  • 在GitHub上克隆vue-element-admin项目时遇到依赖安装错误
    在 GitHub 上克隆 vue-element-admin 项目后,使用 `npm install` 安装依赖时遇到了未知的 Git 错误。具体错误信息为 `npm ERR! code 128`,提示命令执行失败。这可能是由于网络问题、Git 配置不正确或某些依赖包的仓库地址无效导致的。建议检查网络连接、更新 Git 版本并确保所有依赖项的 URL 正确无误。 ... [详细]
  • ABP框架是ASP.NET Boilerplate的简称,它不仅是一个开源且文档丰富的应用程序框架,还提供了一套基于领域驱动设计(DDD)的最佳实践架构模型。本文将详细介绍ABP框架的特点、项目结构及其在Web API优先架构中的应用。 ... [详细]
  • SvpplyTable: 实现可扩展和可折叠的菜单动画
    SvpplyTable 是一个示例项目,旨在实现类似 Svpply 应用程序中的可扩展和可折叠的菜单动画效果。该项目托管在 GitHub 上,地址为 https://github.com/liuminqian/SvpplyTable。 ... [详细]
  • Bootstrap 插件使用指南
    本文详细介绍了如何在 Web 前端开发中使用 Bootstrap 插件,包括自动触发插件的方法、插件的引用方式以及具体的实例。 ... [详细]
  • 本文介绍了 Go 语言中的高性能、可扩展、轻量级 Web 框架 Echo。Echo 框架简单易用,仅需几行代码即可启动一个高性能 HTTP 服务。 ... [详细]
  • 在OpenShift上部署基于MongoDB和Node.js的多层应用程序
    本文档详细介绍了如何在OpenShift 4.x环境中部署一个包含MongoDB数据库和Node.js后端及前端的多层应用程序。通过逐步指导,读者可以轻松完成整个部署过程。 ... [详细]
  • 通过将常用的外部命令集成到VSCode中,可以提高开发效率。本文介绍如何在VSCode中配置和使用自定义的外部命令,从而简化命令执行过程。 ... [详细]
  • 本文介绍了 Vue 开发的入门指南,重点讲解了开发环境的配置与项目的基本搭建。推荐使用 WebStorm 作为 IDE,其下载地址为 。安装时请选择适合您操作系统的版本,并通过 获取激活码。WebStorm 是前端开发者的理想选择,提供了丰富的功能和强大的代码编辑能力。 ... [详细]
  • 解决lib-flexible安装过程中遇到的错误问题
    在安装 lib-flexible 时,遇到了 `saveError ENOENT: No such file or directory` 错误,具体表现为无法打开 `E:\Github\SDIO\package.json` 文件。解决此问题的关键在于确保项目根目录下存在 `package.json` 文件,并且在正确的项目路径中执行安装命令。建议先检查项目结构,确认文件是否存在,然后再尝试重新安装依赖。 ... [详细]
  • 在CentOS 7上部署WebRTC网关Janus
    在CentOS 7上部署WebRTC网关Janus ... [详细]
  • 掌握PHP编程必备知识与技巧——全面教程在当今的PHP开发中,了解并运用最新的技术和最佳实践至关重要。本教程将详细介绍PHP编程的核心知识与实用技巧。首先,确保你正在使用PHP 5.3或更高版本,最好是最新版本,以充分利用其性能优化和新特性。此外,我们还将探讨代码结构、安全性和性能优化等方面的内容,帮助你成为一名更高效的PHP开发者。 ... [详细]
  • npm 安装出错,求助高手分析原因并提供解决方案 ... [详细]
  • Python 数据可视化实战指南
    本文详细介绍如何使用 Python 进行数据可视化,涵盖从环境搭建到具体实例的全过程。 ... [详细]
  • Ext JS MVC系列一:环境搭建与框架概览
    本文主要介绍了如何在项目中使用Ext JS 4作为前端框架,并详细讲解了Ext JS 4的MVC开发模式。文章将从项目目录结构、相关CSS和JS文件的引用以及MVC框架的整体认识三个方面进行总结。 ... [详细]
author-avatar
手机用户2602908963
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有