博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vs code和node的相关使用 一一 typescript的配置
阅读量:5863 次
发布时间:2019-06-19

本文共 1825 字,大约阅读时间需要 6 分钟。

hot3.png

昨天的时候,用tsd  install 其它库后,要想引用,必须在顶部加入

/// <reference path="underscore/underscore.d.ts" />  这样的引用,才能在ts中有提示。

后来我想是不是安装顺序有误? 原来是先安装vs code,后安装node  ,tsc。

于是我重新安装了遍  vs code。

参考网上说明来配置typescript可在vs code中编译,因为总不能使用 控制台去 一次次的 用 tsc 来编译吧!

1、在项目目录下添加 tsconfig.json 。内容如下  。这段内容似乎没什么工具自动添加的。

{

 "compilerOptions": {
  "target": "ES5",
  "noImplicitAny": false,
  "module": "amd",
  "removeComments": false,
  "sourceMap": true
 }
}

2、借助vs code的编译功能,自动生成tasks.json 文件 。

按下ctrl +shift +B 来启动编译。这时编译不知道要做什么,因为你没有任务配置文件 ,它要为你添加一个默认的。

200737_HCb1_1540190.png

点击后     .vscode/tasks.json 的文件自动生成。

这个文件内容很长,是好多类型的任务的模板。 有typescript 编译、glup 编译less文件等样式,以供参考 。

编译typescript的有两段,一看就明白意思,我们用第2段的内容。

{

 "version": "0.1.0",

 // The command is tsc. Assumes that tsc has been installed using npm install -g typescript

 "command": "tsc",

 // The command is a shell script

 "isShellCommand": true,

 // Show the output window only if unrecognized errors occur.

 "showOutput": "silent",

 // Tell the tsc compiler to use the tsconfig.json from the open folder.

 "args": ["-p", "."],

 // use the standard tsc problem matcher to find compile problems

 // in the output.
 "problemMatcher": "$tsc"
}

3、 此时建个  ts后缀的文件来试试手吧

         可以在ts文件里,写个  $ 看是否有提示,

        代码写好后,按下 ctrl+shift +B来编译。此时会在ts文件旁边生成js  ,map两个文件 。

201804_KhOa_1540190.png

大家注意:

            1、在红色的1处, 看到我已经  tsd install jquery 

            2、在2处,我并未引用  /// <reference path="jquery/jquery.d.ts" /> 之类的话

            3、输入 $  ,它已经能智能提示了,看来tsd.d.ts是全局可见,作用类似_referece.js 。

typescript的配置到此结束了!

---------------------------------------------------------------------------------------------------------- 

后来我又在新文件 夹中,建个项目,同样的操作,但是输入$,却不出现智能提示,为什么呢?于是我尝试

 1、我在编写的 ts文件上手动添加引用,就可以提示,删了引用后,智能提示就没了。

2、我随便把这个ts文件复制到另一个目录里, 奇怪,此时不加引用又可以智能提示了。

3、 我再删除这个文件和目录,刚才不能智能提示的,竟然现在可以提示了 ,功能正常了!。。。。。。。

最后我认为这是   vs code的一个bug!

另外,vs code把许多功能放到了Command palette里面,我个人认为变相的减少了菜单项,不知道微软是出于什么目的这样做,总之给初学者会带来烦恼,如图:200441_PG58_1540190.png

转载于:https://my.oschina.net/u/1540190/blog/536929

你可能感兴趣的文章
如何通俗地解释什么是网桥?
查看>>
从git仓库中删除不同分支的.idea文件夹
查看>>
我的友情链接
查看>>
AppSettings In web.config
查看>>
我的友情链接
查看>>
rocket mq通讯模型源码分析
查看>>
ESXI6.5新添加硬盘未能格式化成功
查看>>
Exchange Server2010系列之十二:部署及配置邮箱高可用DAG
查看>>
python3基础学习(http host头***漏洞POC)
查看>>
spring cloud config实现datasource的热部署
查看>>
hadoop1.x NameNode 和SecondNameNode工作原理
查看>>
爬虫工程师
查看>>
rocketmq 的cluster模式下并发消费同一队列确保消息不丢失之消费进度维护
查看>>
我的友情链接
查看>>
09.fabric的swarm集群布署:fabric的不删除数据版本升级
查看>>
颜色代码
查看>>
Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果
查看>>
使用 nvm 管理不同版本的 node 与 npm
查看>>
系统集成资质培训 - 论文写作 - 大项目如何写
查看>>
数据库xxx已打开,并且一次只能有一个用户访问。 (Microsoft SQL Server,错误: 924)...
查看>>