如何为你的 js 项目添加 ts 支持？

已于 2023-08-02 20:29:23 修改
阅读量641 收藏
点赞数
文章标签： javascript typescript
于 2023-08-02 20:22:02 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_71641959/article/details/132070622
版权
这篇博客介绍了如何将TypeScript引入JavaScript项目，包括安装TypeScript依赖、创建配置文件和生成类型文件的过程。配置文件中，重点字段如'include'、'declaration'和'outDir'被详细说明，用于支持JS文件并生成类型声明文件。
摘要由CSDN通过智能技术生成

前一段时间为公司内的一个 JS 公共库，增加了一些 TypeScript 类型支持。在这里简答记录一下。

安装 TypeScript 依赖

首先安装 TypeScript 依赖，我们要通过 tsc 指令创建声明文件：

pnpm install -D typescript

创建配置文件

接下来创建 TypeScript 配置文件:

npx tsc --init

这一步会在项目的根目录下创建一个 tsconfig.json 文件。我们在原来配置的基础上开放一些配置：

{
  "compilerOptions": {
     "target": "es2016",
     "module": "commonjs",
     "esModuleInterop": true,
     "forceConsistentCasingInFileNames
最低0.47元/天 解锁文章
写代码的宝哥
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Cocos Creator内，JavaScript与TypeScript的相互调用
一枚小工
10-15 5389
​1. 两个测试库文件JSLib和TSLib 1.1 js测试库文件JSLib const js = { libname: 'JSLib', name: '一枚小工JS', print(){ console.log(this.name); },}​export default js; 1.2 ts测试库文件TSLib export defa...
vue使用ts 引入组件_vue-cli3 js项目中引入ts混用（typeScript）
weixin_42547431的博客
01-12 2337
一、安装typescript及loadernpm install typescript ts-loader --save-dev二、安装vue-property-decoratornpm install vue-property-decorator --save-dev三、配置vue.config.jsmodule.exports = {configureWebpack: {resolve: { ...
【Node.js】从 JavaScript 迁移到 TypeScript：一步步指南
aichaoxy的博客
05-06 1096
这篇文章提供了一个全面的指南，帮助开发者将现有的 JavaScript 代码迁移到 TypeScript，包括安装 TypeScript、配置项目、重命名文件、添加类型注解、处理动态代码、修复类型错误、启用严格模式，并以庆祝成功迁移结束。
基于vue2 js项目上添加ts的步骤
u011785537的博客
05-08 3749
基础vue2 js项目上添加ts，使用ts主要是应用于工具类的强校验上。
若依vue3项目js版本集成typeScript
最新发布
wwngxu的博客
05-23 282
若依vue3js版本集成typeScript
关于 js中引用ts 并 阐述 ts和.d.ts关系
WWW_share8的博客
08-12 1万+
首先说一下，之前一直在学习 ts但学完后，让自己 产生了一个 疑问 js中如何 何 引用。 引用了 ts后 为什么在使用时 没有 提示 方法参数等 ？ 带着这些 问题 我们 开始一步步的 从 创建到 项目 到 写ts 到应用 首先 从创建项目开始 npm init 创建项目后 我们需要引入 打包 可以是webpack或者 parcel,这里选择 parcel npm install --save parcel-bundler 然后 我们 在package.json,添加一下...
如何将一个js项目升级为一个ts项目
coderxsj
03-03 4859
如何将一个js项目升级为一个ts项目
17、vue-cli3 js项目中引入ts混用（typeScript）
qq_22225239的博客
07-18 9666
说明： vue3.0搭建的项目，不过没有引入ts，后来需要用到一个插件是用ts写的，所以vue要用到ts。。。 一、安装typescript及loader npm install typescript ts-loader --save-dev 二、安装vue-property-decorator npm install vue-property-decorator --save-dev...
vue-cli3 js项目中引入ts混用typeScript1
08-08
以下是如何在基于vue-cli 3的JavaScript项目中逐步集成TypeScript的详细步骤。 一、安装必要的依赖 首先，你需要在项目中安装TypeScript以及`ts-loader`，这两个是将TypeScript代码转换为JavaScript所必需的工具。...
如何为你的JS项目添加智能提示与类型检查详解
10-17
总结来说，为JavaScript项目添加智能提示和类型检查，可以通过以下步骤： 1. 使用JSDoc为代码添加注释，利用`@type`和`@param`等标签声明类型信息。 2. 安装并引用TypeScript类型声明文件（.d.ts），为第三方库提供...
vue项目引入ts步骤(小结)
12-13
TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6 的支持。网上关于ts的学习资料很多，这里不做详细介绍。可参考的学习网站： ts.xcatliu.com/ typescript.bootcss.com/ 2. 安装依赖包 cnpm i ...
React-ts:React-ts项目
03-31
TypeScript是JavaScript的一个超集，它添加了静态类型和其他高级特性，如接口、枚举、泛型等。当在React项目中引入TypeScript时，可以提供更好的代码提示、错误检测和编译时的类型检查，从而减少运行时错误。React的...
2020一个React后台webapp项目，运用TS，antd,支持Hook，并且适配移动
06-29
`.babelrc.js`是Babel的配置文件，Babel是一个广泛使用的JavaScript转换工具，可以将ES6+的语法转换为当前浏览器支持的JavaScript版本。 `package.json`是Node.js项目的核心配置文件，记录了项目的元数据（如名称、...
js调用ts,亲测。
前端小白的逆袭
09-26 4935
js调用ts
在ts文件中引入js模块，编写声明文件的方法
热门推荐
z1625000762的博客
10-16 1万+
将js导入ts中时，如何编写一个简单的ts声明文件
Typescript助力项目开发：JS切换TS、TS类型定制与思考
flying meng的菜鸟居
10-13 8007
TS已经成为可以帮助项目顺利开发的存在了。在上半年笔者就被要求采用TS开发新的项目，并在一些老项目中用TS去改造（因为沟通原因我以为某个远程组件只有TS版本）。在其中也有了一些思考。首先是目录结构。毫无疑问一个拥有TS的项目必须有像、这样的说明文件，根据项目需要可能还有这样的配置文件 —— 它们都和src目录同级。
初识TypeScript
个人博客 https://pnkx.top
07-02 2858
TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准(ES6 教程)。 TypeScript 由微软开发的自由和开源的编程语言。 TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。 首先总结一句话ts是js的超集，这说明ts可以兼容js的语法，大大降低了门槛(...
vue3项目中组件引入ts/原生js文件并调用其方法遇到的一些问题
锦年的博客
07-20 1921
基础不扎实呀。。。
vue项目引入TypeScript（防踩坑）
L4937的博客
08-31 4806
vue项目引入TypeScript（防踩坑）1、切换成淘宝镜像2、安装typescript及loader3、配置文件修改4、编写tsconfig.json5、在src文件夹下添加文件xxx.d.ts(只要是以.d.ts结尾即可)6、在vue文件中使用7、代码案例 1、切换成淘宝镜像 先把npm 切换成淘宝镜像 npm config set registry https://registry.npm.taobao.org 验证是否成功 npm config get registry 2、安装typescr
可以在后端node.js项目职工用ts和vite吗
04-04
Vite是一个快速的构建工具，可以帮助你更快地构建和开发应用程序，而TypeScript是JavaScript的超集，它添加了类型定义和其他语言功能，可以使代码更加健壮和易于维护。可以使用Vite的Node.js插件来支持Node.js开发。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值