zoukankan      html  css  js  c++  java
  • typescript 学习笔记

    1. 新建文件夹。 crowller

    2. 在文件夹下,进行 npm init -y ,进行初始化,出现package.json文件。

    3. 在文件夹下,进行 tsc --init , 新增typescript的配置文件 tsconfig.json

    4. 安装typescript文件,ts-node工具

    npm install typescript --save-dev
    npm install ts-node --save-dev

    5. 在crowller文件夹下,新建 src文件夹,src文件夹下,新建crowller.ts文件

    打开package.json文件,在script{}中,写入命令行 

    "scripts": {
        "dev": "ts-node ./src/crowller.ts"
      },

     6. 打开crowller.ts,进行编写代码。

    过程中使用到 superagent 这个包,superagent 轻量的Ajax api。

    superagent是js编写,在ts语法中直接引入这个类库,ts不知道这个类库会有什么方法。所以需要安装一个类型定义文件 *.d.ts :npm i @types/superagent
    npm i superagent --save
    npm i @types/superagent
    import superagent from 'superagent' 
    class Crowller {
      private _url: string;
      private rowHtml = '';
      constructor(url:string){
        this._url = url;
        this.getRawHtml();
      };
      async getRawHtml(){
        const result = await superagent.get(this._url)
        this.rowHtml = result.text
      console.log(this.rowHtml);
      }
      get url(){
        return this._url
      }
      set url(url){
        this._url = url
      }
    
    }
    
    const r = new Crowller('https://www.cnblogs.com/shine-lovely/p/12777684.html')

    7. 在终端中运行 npm run dev

  • 相关阅读:
    隐藏TabControl的标签 上海
    最近写的一个存储过程 上海
    DBUS 介绍 上海
    存储过程 几个小例子 上海
    C# BHO 上海
    EXEC和sp_executesql的区别 上海
    office文档转换成mht文档(准备、原理篇) 上海
    Dictionary 排序 上海
    .Net 开源资源 上海
    Geant4.9.5.p01 in ubuntu12.04 OpenGL driver.
  • 原文地址:https://www.cnblogs.com/shine-lovely/p/14121218.html
Copyright © 2011-2022 走看看