配置VSCode的TypeScript环境

安装Node.js

首先需要 安装Node.js:

cmd 中输入 npm -v ,查看版本

D:\test1\mytest>npm -v
3.10.10

如果没有报错说明安装了 Node.js

否则 ,从网上下载并安装!

配置

查看全局安装的位置,找到 .npmrc 修改即可

prefix = E:\nodejs\npm_global_modules

也可通过npm config ls查看配置文件的位置及内容

user-agent = "npm/3.10.10 node/v6.11.4 win32 x64"

; userconfig C:\Users\zhangsan\.npmrc          //.npmrc路径
cache = "D:\\Devtools\\nodejs\\node_cache"   //缓存目录
prefix = "D:\\Devtools\\nodejs\\node_global"   //全局安装目录
registry = "https://registry.npm.taobao.org"      //插件源

; builtin config undefined

; node bin location = C:\Program Files\nodejs\node.exe  //安装目录

; "npm config ls -l" to show all defaults.  //查看默认参数

安装TypeScript

cmd 中输入 tsc -v 如果没有报错说明安装了 TypeScript

D:\test1\mytest> tsc -v
Version 2.3.3

否则 通过npm安装,下面是安装到工程下的方式:
安装至D:\test1\mytest\node_modules下

D:\test1\mytest>npm install  typescript
my-app@0.0.0 D:\test1\mytest
`-- typescript@2.8.4

一般需要安装至全局-g
npm install -g typescript

安装VSCode

查看版本
在这里插入图片描述

配置

一般情况下,VSCode依赖全局安装的typescript,原因是默认配置项开启了搜索全局参数,我们看下这些默认的参数项:

文件》配置》输入typescript过滤
在这里插入图片描述
主要的一些参数:

// 指定包含要使用的 tsserver 和 lib*.d.ts 文件的文件夹路径。
  "typescript.tsdk": null,

  // 禁用自动获取类型。需要 TypeScript >= 2.0.6,并且更改后需要重启。
  "typescript.disableAutomaticTypeAcquisition": false,

  // 检查全局安装的 TypeScript 编译器(例如 tsc )是否不同于使用的 TypeScript 语言服务。
  "typescript.check.tscVersion": true,

  // 指定用于自动获取类型的 NPM 可执行文件的路径。要求 TypeScript >= 2.3.4。
  "typescript.npm": null,

  // 检查是否安装了 NPM 以自动获取类型。
  "typescript.check.npmIsInstalled": true,

如果我们想引用指定的版本,但是又没安装在全局配置的目录下,修改
typescript.tsdk,例如:

    "typescript.tsdk": "D:\\test1\\mytest\\node_modules\\typescript\\lib"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值