Typescript Typings和NPM - 腾讯云开发者社区

文章/答案/技术大牛

发布

TypeScript——使用npm安装和编译

前言为了改造一个开源项目，安装typescript进行编译内容安装 npm install -g typescript tsc -v 编译 tsc 命令参数 $ tsc --help Version...--init Initializes a TypeScript pro ject and creates a tsconfig.json

6301 0

Angular 2 TypeScript 环境配置（上）

TypeScript 是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。...如果你不了解TypeScript，可以查阅以下资料： TypeScript 入门教程 TypeScript 中文手册这开始前，你需要确保你已经安装了 npm，如果你还没安装npm或者不了解 npm 可以查看我们的教程...typings.json为那些 TypeScript 编译器无法识别的库提供了额外的定义文件。...run tsc:w\" \"npm run lite\" ", "lite": "lite-server", "postinstall": "typings install",..."tsc": "tsc", "tsc:w": "tsc -w", "typings": "typings" }, "license": "ISC", "dependencies

1.8K1 0

您找到你想要的搜索结果了吗？

是的

没有找到

一文读懂TS的(.d.ts)文件

今天小编就带大家了解下 JavaScript 和 TypeScript 的静态类型交叉口 —— 类型定义文件.d.ts(TypeScript Declaration File)，类似于 C/C++ 的...Typings Typings 也是一个用来管理 Typescript 定义的库。这种方式已经不推荐使用。...安装typings工具 # Install Typings CLI utility. npm install typings --global # 或 yarn global add typings...@Types DefinitelyTyped 和 #Typings都需要使用另外一套系统来管理类型定义显然不太方便。在 Typescript 2.0 之后，TypeScript 将会默认的查看 ....*.d.ts和@types关系 @types 是 npm 的一个分支，用来存放 *.d.ts 文件，如果对应的 npm 包存放在 @types 中，要使用必须下载！

6.2K2 1

VS Code 中的自动完成

当然今天不是扯 vscode 的更新节奏很快的梗，而是扒一扒它的自动完成，上一篇文章已经介绍过，自动完成和 typings 紧密相关。...typings 官网描述： The TypeScript Definition Manager....显然是要扯到 typescript 了，有些哥们发誓说这辈子都不用 typescript ，忍一忍，一会就要说到 js 了。...ts 2.0 之后，可以用 npm 来管理 definition ，你只需这样： npm install @types/jquery -S 详情可以参阅这篇文章。...下图就是安装 definition 之前和之后的效果。 ? definition 当然在其他编辑器中也有类似的实现，但体验没有哪个能比得上 vscode 。

2.6K6 0

Angular-cli 搭建项目

一、首先需要安装node和npm 　　查看你的node以及npm版本： node -v 查看node版本 npm -v 查看npm版本　　要求所有版本都是最新的，不然可能会出错。　　...设置淘宝镜像，这样下载东西就是从国内网站下载了，网速更快 npm configset registry https://registry.npm.taobao.org 二、安装typescript和typings...npm install -g typescript typings 三、安装angular-cli npm install -g angular-cli@latest 安装完成后，ng -v 出现以下界面说明安装成功了...四、如果你之前安装失败过，最好在安装angular-cli之前先卸载干净，用以下命令 npm uninstall -g angular-cli npm cache clean 五、如果出现node-sass...安装完node-sass之后再安装angular-cli，就没问题了 npm install -g cnpm --registry=http//:registry.taobao.org npm install

1.1K1 0

vs code和node的相关使用一一 tsd用法

最近想用Typescript来重写原来的一个插件，所以要搭建一个环境。家里电脑较差，所以用vs code吧！ vs code 和node都是直接下载安装！...之后安装typescript npm install -g typescript 安装 tsd npm install tsd -g 参考tsd的github...tsd 类似于npm一样，用来管理typescript的声明文件的命令行工具 ------TypeScript Definition manager 比如这样： $ tsd install jquery...--save 和 -ir 是参数。...它们是 tsd.json 和 typings/ tsd.d.ts tsd.json { "version": "v4", "repo": "borisyankov/DefinitelyTyped

1.5K3 0

VS Code 中的自动完成

2.1K1 0

【技巧】ionic3添加第三方js

里面添加：使用时，在ts文件头部添加： declare let $: any; 方式二——import：执行命令行安装node模块： npm...有，那就是typings，它有点像我先前写的一篇文章中cordova原始调用和基于ionic-native的模块调用的概念，typings会把原始js映射为类的概念生成d文件，这样，不需要等到运行，在编码过程中通过...typescript就能有提示，同时会直接检验使用的正确性。...使用typings其实挺简单，一句npm install @types/命令即可，如： npm install @types/jquery 或许一些文章会写到要全局安装typings的...cli，然后用typings的命令typings install等等的，其实已经都过期了，因为从TypeScript 2.0开始，已经改为@types模块，由npm来管理了，这使得使用起来更加方便。

1.4K4 0

明知 | TypeScript 结合 egg.js 基本使用

安装相关依赖这里安装两个依赖，分别为egg和ts 安装ts 这里需要确保首先安装了npm相关工具。...全局安装ts npm install -g typescript 进行全局的测试 $ tsc -v Version 3.2.2 这样就完成了本地全局的ts的安装安装egg 这里实现全局安装egg，并初始化依赖项目...创建工作目录 mkdir showcase && cd showcase 安装相关的依赖 npm init egg --type=ts 安装依赖 npm i 运行项目 npm run dev 出现以下提示...\Administrator\Desktop\untitled4555\ming > egg-bin dev [egg-ts-helper] create typings\app\controller...\index.d.ts (5ms) [egg-ts-helper] create typings\config\index.d.ts (16ms) [egg-ts-helper] create typings

1.8K2 0

npm install typescript --save-dev 详解

当你执行 npm install typescript --save-dev 命令时，你正在做以下几件事情：安装 TypeScript：这个命令会告诉 npm（Node Package Manager...）去下载 TypeScript 编译器和它的相关文件，并将它们安装到你的项目中的 node_modules 目录下。...作为开发依赖：--save-dev 标志告诉 npm 将这个包作为开发依赖添加到你的 package.json 文件的 devDependencies 部分。...执行完这个命令后，你可以在你的 TypeScript 项目中使用 tsc（TypeScript 编译器）来编译 .ts 文件到 .js 文件。...npm install 或 yarn 来安装所有开发依赖。

3850 0

使用 MagicScript CLI 构建 Magic Leap 应用：快速上手指南

MagicScript 提供了对空间定位、3D 渲染、手势输入等功能的封装，并通过 Typings 支持 TypeScript 提示。...二、准备开发环境在开始之前，请确保你已经具备以下环境： Node.js ≥ 12 NPM ≥ 6 Magic Leap Lumin SDK（可通过 Magic Leap 开发者中心获取）已连接的...安装 MagicScript Typings（可选）用于增强 TypeScript 类型支持：npm install --save-dev magic-script-typings四、初始化第一个 MagicScript...七、参考资源 MagicScript 官网：https://www.magicscript.org Typings GitHub 项目：https://github.com/magic-script/...magic-script-typings NPM CLI 工具：https://www.npmjs.com/package/magic-script-cli 八、总结MagicScript 提供了一个轻量

2321 0

使用typescript编程实现npm包的开发、测试和发布过程

使用typescript编程实现npm包的开发、测试和发布过程以下是使用 TypeScript 进行 npm 包开发、测试和发布过程的步骤：以上是使用 TypeScript 进行 npm 包开发、测试和发布过程的基本步骤...以下是使用 TypeScript 进行 npm 包开发、测试和发布过程的步骤：创建项目目录并初始化：在终端中运行 npm init 命令，按照提示完成项目初始化。...安装 TypeScript：在终端中运行 npm install typescript --save-dev 命令，将 TypeScript 作为开发依赖项安装到项目中。...打包和发布：在终端中运行 npm pack 命令，将项目打包成一个 tarball 文件（.tgz），然后使用 npm publish 命令将其发布到 npm 仓库。...以上是使用 TypeScript 进行 npm 包开发、测试和发布过程的基本步骤。你可以根据具体的需求和项目情况进行调整和扩展。

2471 0

Angular 2 快速起步原

,也就是安装了node js后也同时安装npm 1、新建一个angularjs2的文件夹 2、往项目目录下添加下列包定义与配置文件（1） package.json ...列出了应用的依赖，并定义了一些有用的脚本（2）tsconfig.json 是TypeScript的编译器配置文件（3） typings.json ...指定TypeScript 定义文件（4） systemjs.config.js 是SystemJS的配置文件 3、安装依赖包打开控制台输入命令npm install 安装的过程中如有有红色的警告没关系...，只要确认在npm install 输出的末尾没有npm ERR!...消息就行了，安装完之后多了2个文件夹 node_modules 和 typings， 4、在项目的根目录下创建一个app子目录（创建一个名字为app的文件夹）（1）在app文件中创建组件文件

9231 0

npm安装typescript报错npm ERR! Unexpected end of JSON input while parsing near

今天再在安装 typescript 时一直没有进度，我就切换了一下网络，联通改成移动。再次执行 npm install -g typescript 时报错： npm ERR! ...A complete log of this run can be found in: npm ERR! ...C:\Users\Deshun\AppData\Roaming\npm-cache\_logs\2020-12-11T01_......-debug.log 解决方法： 1、清除 cache npm cache clean --force 2、不要使用淘宝镜像，切换为 npm 官方镜像 npm cache clean --force...未经允许不得转载：w3h5-Web前端开发资源网 » npm安装typescript报错npm ERR!

4732 0

如何发布一个typescript npm包

以之前的base64.js https://my.oschina.net/lilugirl2005/blog/3058514 为参考内容，我们发布一个用typescrip编写的npm包创建typescript...项目初始化项目 mkdir base64 cd base64 npm init 安装相关依赖库 npm install --save-dev typescript 发布npm包在实际项目中安装和使用...npm包

1.3K6 0

TypeScript Project References npm 包构建小实践

npm 包输出 es/cjs 产物在开发一个 npm 包时，通常需要同时输出 ES 模块和 CommonJS 模块的产物供不同的构建进行使用。...run build，可以生成同时包含 ES 模块和 CommonJS 模块的产物 TypeScript 的 references 是什么 TypeScript 的项目引用（Project References...）是 TypeScript 3.0 引入的一项功能，允许一个 TypeScript 项目引用另一个 TypeScript 项目。...的 references 后如何实现一个命令 tsc 输出 ES 和 CommonJS 产物并且提升增量编译的性能仍以上面的项目结构为例子，我们使用 TypeScript 的项目引用来实现这个需求。...在这个场景下 TypeScript 会根据项目引用的配置，自动构建 ES 模块和 CommonJS 模块，并且只会重新编译发生变化的部分，从而提升增量编译的性能

3941 0

使用typescript开发angular模块(发布npm包)

/src/index' 使用typescript编译没有安装typescript就先安装 npm i -g typescript 初始化tsconfig.json文件 tsc --init 自动生成文件...moduleResolution": "node", /* Specify module resolution strategy: 'node' (Node.js) or 'classic' (TypeScript...// "sourceRoot": "./", /* Specify the location where debugger should locate TypeScript...npm version prerelease 更新 npm publish 下载下来看看就好多了 ? 封装些脚本。...": "npm run b && npm publish", "p":"npm run publish" }, 至此基本的流程算是走通了。

1.8K2 1

TS类型定义详解：typestypeRoots@types，以及命名空间namespace

举个例子，当我们通过npm install jquery --save 安装 jquery 包并引用的时候，TypeScript 会报错。...tsd(已废弃)、typings(已废弃)，最终在 TypeScript 2.0 的时候重新整理了类型定义，提出了 DefinitelyTyped。.../typings"] }}types: TypeScript 编译器会默认引入typeRoot下所有的声明文件，但是有时候我们并**不希望全局引入所有定义**，而是仅引入部分模块。...@types 是 npm 的 scope 命名空间，和@babel 类似，@types 下的所有包会默认被引入，你可以通过修改 compilerOptions 来修改默认策略。...内置类型定义文件内置类型定义就是把你的类型定义文件和 npm 包一起发布，一般来说，类型定义文件都放在包根目录的 types 目录里，例如 vue：如果你的包有一个主 .js 文件，需要在 package.json

7.2K1 0

d.ts

: string）描述的就别用函数重载了能用组合类型（如b: number|string）描述的就别用函数重载了六.类型，值和命名空间实际上，类型，值和命名空间，这3个基本概念构成了TS灵活多样的类型系统...（摘自Declaration files） tsc（推荐）安装： # 全局安装typescript npm install typescript -g # 测试安装是否成功 tsc --version...指定types/typings：在package.json里添上types（或者typings）字段，例如"types": "..../lib/main.d.ts" 但types/typings都是非npm标准字段，所以建议使用第一种方式安装如果依赖的功能模块没附带types，可以通过TypeSearch搜索想要的typings模块...TypeScript!"

3.2K3 0

Node.js项目TypeScript改造指南

配置，请勿修改步骤二、TypeScript安装与配置目录结构调整后，在你的项目根目录执行：（1）npm i typescript -D，安装 typescript，保存到 dev 依赖（2）node.../typings", "....ts(2307) 这两个是同一个问题，path 模块和 require 都是 Node.js 的东西，需要安装 Node.js 的声明文件，npm i @types/node -D。...更要命的是，IDE和编译器没有任何报错。如果这个最基本的类型检查都解决不了，那我要 TypeScript 何用？...我们将声明文件补充到typings文件夹中，以包名作为子目录名，最简单的写法如下，这样 IDE 和 TypeScript 编译便不会报错了。

5.6K1 0

点击加载更多

TypeScript——使用npm安装和编译

Angular 2 TypeScript 环境配置（上）

一文读懂TS的(.d.ts)文件

VS Code 中的自动完成

Angular-cli 搭建项目

vs code和node的相关使用一一 tsd用法

VS Code 中的自动完成

【技巧】ionic3添加第三方js

明知 | TypeScript 结合 egg.js 基本使用

npm install typescript --save-dev 详解

使用 MagicScript CLI 构建 Magic Leap 应用：快速上手指南

使用typescript编程实现npm包的开发、测试和发布过程

Angular 2 快速起步原

npm安装typescript报错npm ERR! Unexpected end of JSON input while parsing near

如何发布一个typescript npm包

TypeScript Project References npm 包构建小实践

使用typescript开发angular模块(发布npm包)

TS类型定义详解：typestypeRoots@types，以及命名空间namespace

d.ts

Node.js项目TypeScript改造指南

相关资讯

热门标签

活动推荐

运营活动

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐