• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >ASP.NET > 利用Typings为Visual Studio Code实现智能提示功能

利用Typings为Visual Studio Code实现智能提示功能

作者:gyzhao 字体:[增加 减小] 来源:互联网 时间:2017-05-11

gyzhao通过本文主要向大家介绍了typings,typings.json,typings install,visualstudiocode项目,visual code studio等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

前言

相信大家都知道在IDE中代码的智能提示几乎都是标配,虽然一些文本编辑器也有一些简单的提示,但这是通过代码片段提供的。功能上远不能和IDE相比。不过最近兴起的文本编辑器的新锐 Visual Studio Code 可以通过 Typings 来对 JavaScript 实现智能提示功能,对于一个文本编辑器来说,这点很难得。所以Visual Studio Code 特别适合用来编写 JavaScript(Node.js)程序; 同时,如果我们需要编写一些尝试性的小代码片段,例如:Lodash.js 某个函数的小Demo,因为我们不想研究一个函数的使用方式而去使用IDE新建一个项目,这时候Visual Studio Code 就是一个非常好的选择,而且它同样可以运行和调试 JavaScript 代码(依赖于 Node.js),并且还包含非常方便的代码提示功能。

从这点来说,我觉得Visual Studio Code 已经算得上是一个精悍的小型IDE了。

通过NPM安装Typings

通过 NPM 我们可以很容易的安装 Typings ,在命令行中输入:

npm install -g typings
</div>

安装完成后,在命令行中输入:

typings --version
</div>

看到版本信息就表示 typings 工具安装完成了:

NPM是和Node.js一起安装的,如果你想使用NPM的话,那么你应该先安装Node.js。

安装相关提示信息文件

安装完成后,我们需要安装相应的需要提示功能库或者框架的类型信息文件,在这里我们新建一个文件夹 NodeSnippet,使用命令行进入到该目录中,分别输入下面两个命令来安装Node和Lodash的类型接口信息文件:

typings install dt~node --global --save
typings install lodash --save
</div>

什么时候需要使用 --global 参数:

  1. 如果安装的包使用script标记来引用(如jQuery)(也就是在浏览器中使用)
  2. 这个包是属于环境的一部分(如node)时
  3. 该包没有使用 --global 安装失败时

这时候我们可以看到我们的 NodeSnippet目录中多了一些文件:

这些文件就是为我们提供提示信息的类型类型文件(使用TypeScript定义)。查看Typings是否支持某个库或框架的智能提示,我们可以使用下面的命令:

typings search exampleName
</div>

启用智能提示功能

通过两种方式来启动提示功能:

第一种是在需要进行只能提示的文件最上行增加提示信息文件所在目录,格式如下:

/// <reference path="./typings/index.d.ts" />
</div>

第二种是在项目所在目录(在这里是NodeSnippet文件夹中)增加一个名为jsconfig.json的空文件。

更多jsconfig.json文件的内容可以参考:https://code.visualstudio.com/docs/languages/javascript

启用提示功能后我们就可以非常愉快的使用Visual Studio Code 为我们提供的智能提示功能了。如下所示:

注意事项

Typings VS TSD

Typings是作为TSD的替代者而出现的,如果你已经安装了TSD,那么需要知道现在TSD已经不推荐使用了。如果已经安装TSD请执行下面的命令来移除它:

 npm rm -g tsd
</div>

使用 CNPM

在国内由于墙的原因,有时候使用NPM安装模块的速度上会很慢,这时候我们其实可以选择国内淘宝的NPM镜像,使用下面的命令来进行安装:

npm install -g cnpm --registry=https://registry.npm.taobao.org
</div>

安装完成后使用cnpm来代替npm命令即可,例如下面安装一个lodash模块的示例:

cnpm install lodash 
</div>

可以看到除了cnpm替代了npm其他的并没有任何区别。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 利用Typings为Visual Studio Code实现智能提示功能

相关文章

  • 2017-05-11让GridView只更新某些特定的数据的方法
  • 2017-05-11ASP.NET+Web服务实现软件共享
  • 2017-05-11Asp.Net修改上传文件大小限制方法
  • 2017-05-11引用全局程序集缓存内的程序集的方法
  • 2017-05-11把jQuery的each(callback)方法移植到c#中
  • 2017-05-11ASP.NET笔记之 Httphandler的操作详解
  • 2017-05-11asp.net 用户控件中图片及样式问题
  • 2017-05-11asp.net源程序编译为dll文件并调用的实现过程
  • 2018-08-20.NET Core控制台应用程序如何使用异步(Async)Main方法详解
  • 2017-05-11C# CUR类实现代码

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • asp.net安全、实用、简单的大容量存储过程分页第1/2页
    • asp.net url重写后页面回传问题
    • ASP.NET 2005 Treeview终极解决方案
    • 在ASP.NET 2.0中操作数据之六十三:GridView实现批量删除数据
    • asp.net中js+jquery添加下拉框值和后台获取示例
    • asp.net access添加返回自递增id的实现方法第1/3页
    • Asp.net 时间操作基类(支持短日期,长日期,时间差)
    • ASP.NET中MVC使用AJAX调用JsonResult方法并返回自定义错误信息
    • Asp.Net 不同的OnClick事件区别小结(onserverclick,onclientclick)
    • ASP.NET Core MVC 过滤器的使用方法介绍

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有