typescript开发及环境配置

本文介绍了如何配置TypeScript开发环境,包括使用Visual Studio Code作为IDE,设置Vue3的Composition API,动态编译ts文件,以及利用nodemon和concurrently工具实现文件监控与并行执行。同时,还详细讲解了如何安装和配置superagent和cheerio库,以进行AJAX请求和网页标签分析。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1,选用的IDE是 VisualStudio Code

https://code.visualstudio.com/

2, typeScript 官方网站是 http://www.typescriptlang.org

vue3 :composition

https://composition-api.vuejs.org

https://composition-api.vuejs.org/zh/

3, "build": "tsc -w"

动态编译ts文件

 

安装 nodemon 动态监控js变化并执行: npm install nodemon -D

"scripts": {

"build": "tsc -w",

"start": "nodemon node ./build/crawler.js"

},

"nodemonConfig": {

"ignore": [

"data/*"

]

},

concurrently npm run dev:build & npm run dev:start

== concurrently npm:dev:*

TS 本地项目配置

1,生成一个package.json

npm init -y

2,生成一个配置tsconfig.json

tsc --init

3,当前文件项目下安装 typescript

npm install typescript -D

 

4,全局卸载 ts-node

npm uninstall ts-node -g

安装到本地项目中去

npm install -D ts-node

 

5,在ts里也能发送ajax请求

npm install superagent —save

ts -> .d.ts 翻译文件 .js

npm install @types/superagent -D

 

6,网页标签分析库

npm install cherrio —save

对cheerio的翻译

npm install @types/cheerio -D

 

7, node —>.js 指定执行js文件

 

8,工具 nodemon

npm install nodemon -D

 

9,并行执行的工具

npm install concurrently -D

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值