ts环境搭建【1】

  • 安装TypeScript
//全局安装
npm i -g typescript
  • ts配置文件
//生成配置文件tsconfig.json
tsc --init
  • tsconfig.json报错问题解决方法
    请添加图片描述

@types/node

  • @types是一个ts官方的类型库,其中包含了很多对js代码的类型描述。

  • JQuery:用js写的,没有类型检查

  • 安装@types/jquery,为jquery库添加类型定义

npm i -D @types/node

使用第三方库

  • ts-node:将ts代码在内存种完成编译,同时完成运行。
npm i -g ts-node
  • nodemon
npm i -g nodemon
  • 启动并监控index.ts,但是什么文件都在监控
nodemon --exec ts-node src/index.ts
/**
 * --watch src ->监控src
 * -e ts ->文件扩展名是ts
 * --exec -> 执行的命令
 * /
"scripts": {
    "start":"nodemon --watch src -e ts --exec ts-node src/index.ts"
  },
### 如何搭建TypeScript的开放开发环境 #### 配置必要的依赖项和命名空间 为了创建项目,在构建TypeScript项目的初期阶段,需要引入一系列特定的依赖项以及相应的命名空间来支持代码编写和发展[^1]。 对于TypeScript而言,除了安装TypeScript本身外,还需要考虑其他辅助工具的支持。例如编辑器插件、编译配置文件`tsconfig.json`等资源能够极大地提升开发者的工作效率并保障代码质量。 #### 设置静态分析工具ESLint 考虑到代码质量和一致性的重要性,采用像ESLint这样的工具来进行JavaScript/TypeScript代码的静态分析十分必要。这类工具有助于提前发现可能存在的逻辑错误或者不符合编码规范的地方,从而减少后期调试成本[^2]。 具体来说,通过安装ESLint及其针对TypeScript的相关解析器(parser),可以实现对`.ts`文件的有效检测;同时配合预定义或自定义的一套规则集(rule),确保团队内部遵循统一的标准进行编程实践。 #### 使用分布式消息队列服务Apache Pulsar 虽然不是直接关联到TypeScript开发环境中的一部分,但在某些应用场景下——比如微服务体系架构里头——集成一个高效可靠的消息中间件如Apache Pulsar也是不可或缺的选择之一。它作为一个开源分布式的流处理平台,提供了强大的功能特性适用于云端部署场景下的实时数据传输需求[^3]。 ```bash npm install typescript eslint @typescript-eslint/parser --save-dev npx tsc --init # 初始化 tsconfig.json 文件 echo "{ \"extends\": \"eslint:recommended\", \"env\": { \"browser\": true, \"es6\": true }, \"plugins\": [ \"@typescript-eslint\" ], }" > .eslintrc.json ``` 上述命令展示了如何利用Node.js包管理器(NPM)快速完成基础环境准备过程中的几个重要环节操作:首先是安装TypeScript及相关ESLint组件作为开发依赖(`--save-dev`);接着初始化默认版本的TypeScript编译选项配置文档(`tsc --init`);最后生成一份简易版ESLint配置描述(.eslintrc.json),其中指定了目标运行环境与所使用的插件列表。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值