Ts构建前端工程

最新推荐文章于 2024-08-20 09:34:11 发布

前进的胖子

最新推荐文章于 2024-08-20 09:34:11 发布

阅读量554

点赞数 1

分类专栏： TS

本文链接：https://blog.csdn.net/weixin_44593999/article/details/118875127

版权

TS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文档详细介绍了如何初始化TypeScript项目，安装并配置SuperAgent库以处理HTTP请求，特别是GET操作。通过实例展示了如何获取网页HTML，并使用Cheerio解析页面内容。此外，还涉及到依赖的本地安装和类型定义文件的使用。

摘要由CSDN通过智能技术生成

1.初始化项目

npm init

2.初始TS

tsc init

3.卸全局ts-node

npm uninstall -g ts-node

4将ts-node安装到局部

npm install -D ts-node

5卸载全局的 typescript

 npm uninstall -g typescript

6将 typescript 安装到局部

 npm install -D typescript

7配置文件的启动项
在这里插入图片描述 8安装SuperAgent软件
作用:是处理 get,post,put,delete,head请求
注意:SuperAgent是一个js文件 TS直接引入js文件的话会报错所以必须加入一翻译软件

npm install superagent --save

ts-> .d.ts 翻译文件 -> js
安装这个一个软件

npm i --save-dev @types/superagent

9使用ts获取页面的html的标签页面

import superagent from 'superagent'
class reprile{
    private url = `https://image.baidu.com/search/albumsdetail?tn=albumsdetail&word=%E5%9F%8E%E5%B8%82%E5%BB%BA%E7%AD%91%E6%91%84%E5%BD%B1%E4%B8%93%E9%A2%98&fr=searchindex_album%20&album_tab=%E5%BB%BA%E7%AD%91&album_id=7&rn=30`
    private reqhtml = ''
    async getRawhtml(){
        const result_html = await superagent.get(this.url)
        console.log(result_html)
    }
    constructor(){
        this.getRawhtml()
    }
}
const crowller = new reprile()