精华内容
下载资源
问答
  •   tsconfig.jsonts编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译   二话不说,直接上代码:详细配置如下 { /* tsconfig.jsonts编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译...

    tsconfig.json是ts编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译

      二话不说,直接上代码:详细配置如下

    {
        /*
        tsconfig.json是ts编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译
        "include"用来指定哪些ts文件需要被编译
            路径:/**表示任意目录
                *表示任意文件
        "exclude" 不需要被编译的文件目录
            默认值[node_modules,bower_components,jspm_packages]
    
        */
        "include":[
            "./src/**/*"
        ],
        "exclude": [
            "./src/hello/**/*"
        ],
        /*
        compilerOptions  编译器的选项
        */
        "compilerOptions": {
            //target 用来指定ts被编译为ES的版本
            //'es3', 'es5', 'es6', 'es2015', 'es2016', 
            // 'es2017', 'es2018', 'es2019', 'es2020', 'esnext'.
            "target": "es6",
            //module 指定要使用的模块化的规范
            //'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'esnext'.
            "module": "es6",
            //lib 用来指定项目中要使用的库
            // 'es5', 'es6', 'es2015', 'es7', 'es2016', 'es2017', 'es2018', 'es2019', 'es2020',
            // 'esnext', 'dom', 'dom.iterable', 'webworker',
            //  'webworker.importscripts', 'webworker.iterable', 
            // 'scripthost', 'es2015.core', 'es2015.collection', 
            // 'es2015.generator', 'es2015.iterable', 'es2015.promise', 'es2015.proxy', 'es2015.reflect', 'es2015.symbol', 'es2015.symbol.wellknown', 'es2016.array.include', 'es2017.object', 'es2017.sharedmemory', 'es2017.string', 'es2017.intl', 
            // 'es2017.typedarrays', 'es2018.asyncgenerator', 'es2018.asynciterable', 'es2018.intl', 'es2018.promise', 'es2018.regexp', 'es2019.array', 'es2019.object', 'es2019.string', 'es2019.symbol', 'es2020.bigint', 'es2020.promise', 'es2020.sharedmemory', 
            // 'es2020.string', 'es2020.symbol.wellknown', 'es2020.intl', 'esnext.array', 'esnext.symbol', 'esnext.asynciterable', 'esnext.intl', 'esnext.bigint', 'esnext.string', 'esnext.promise', 'esnext.weakref'. 
            // "lib": ["dom"]
    
            //outDir  用来指定编译后文件所在的目录
            "outDir": "./dist",
            //outFile 将文件合称为一个文件
            //设置outFile后,所以的全局作用域中的代码都会合并到同一个文件
            // "outFile": "./dist/app.js",
            //是否对js文件进行编译,默认是false
            "allowJs": false,
            //是否检查js代码是否符合语法规范
            "checkJs": false,
            //是否移除注释
            "removeComments": true,
            //不生产编译后的文件
            "noEmit": false,
            //当有错误时不生成编译后的文件
            "noEmitOnError": true,
            //用来设置是否使用严格模式,默认为false
    
            //所有严格检查的总开关
            "strict": true,
            "alwaysStrict": true,
            //不允许隐式的any类型
            "noImplicitAny": true,
    
            //不允许声明不明确的this
            "noImplicitThis": true,
            //严格检查空值
            "strictNullChecks": true,
    
        }
        
    }
    

    编译成功:
    在这里插入图片描述
     在dist中生成各自的js文件
    学习路径

    展开全文
  • 在线JSON转io-ts工具

    2021-09-13 22:52:28
    在线JSON转io-ts工具 在线JSON转io-ts工具 本工具可以将JSON对象转换成io-ts,支持复制和下载. JSON:(JavaScript Object Notation, JS对象简谱) 是一种轻量级的数据交换格式。...https://tooltt.com/json2io-ts/ ...

    在线JSON转io-ts工具

    在线JSON转io-ts工具

    本工具可以将JSON对象转换成io-ts,支持复制和下载.

    JSON:(JavaScript Object Notation, JS对象简谱) 是一种轻量级的数据交换格式。它基于 ECMAScript (欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。

    io-ts:用于IO解码/编码的运行时类型系统

    在这里插入图片描述

    https://tooltt.com/json2io-ts/

    展开全文
  • loader 用于对模块的源代码进行转换。loader 可以使你在 import 或 “load(加载)” 模块时预处理文件。因此,loader 类似于其他构建工具中“任务(task)”,并提供了...ts-loader: webpack 处理的每个文件都是一个模

    loader 用于对模块的源代码进行转换。loader 可以使你在 import 或 “load(加载)” 模块时预处理文件。因此,loader 类似于其他构建工具中“任务(task)”,并提供了处理前端构建步骤的得力方式。loader 可以将文件从不同的语言(如 TypeScript)转换为 JavaScript 或将内联图像转换为 data URL。loader 甚至允许你直接在 JavaScript 模块中 import CSS 文件!

    ts-loader:

    webpack 处理的每个文件都是一个模块,模块集合构成 chunks.

    ./webpack.config.js

    module.exports = {
      entry: './index.js',
    };
    

    这会创建出一个名为 main 的 chunk 组(main 是入口起点的默认名称)。 此 chunk 组包含 ./index.js 模块。随着 parser 处理 ./index.js 内部的 import 时, 新模块就会被添加到此 chunk 中。

    当 webpack 处理应用程序时,它会根据命令行参数中或配置文件中定义的模块列表开始处理。 从 入口 开始,webpack 会递归的构建一个 依赖关系图,这个依赖图包含着应用程序中所需的每个模块,然后将所有模块打包为少量的 bundle —— 通常只有一个 —— 可由浏览器加载。

    webpack 只能理解 JavaScript 和 JSON 文件,这是 webpack 开箱可用的自带能力。loader 让 webpack 能够去处理其他类型的文件,并将它们转换为有效 模块,以供应用程序使用,以及被添加到依赖图中。

    展开全文
  • ts中自定义方法传入参数,对json进行约束 示例: function printLabel(labelInfo: { label: string }): void { console.log("printLabel"); } printLabel({ label: "张三" }); //正确的写法 接口 接口的作用:在...

    1. TypeScript–ts中自定义方法传入参数,对json进行约束,接口,可选参数,ts接口完整ajax封装


    1.1 ts中自定义方法传入参数,对json进行约束

    示例:

    function printLabel(labelInfo: { label: string }): void {
      console.log("printLabel");
    }
    
    printLabel({ label: "张三" }); //正确的写法
    

    1.2 接口

    接口的作用:在面向对象的编程中,接口是一种规范的定义,
    它定义了行为和动作的规范,在程序设计里面,
    接口起到一种限制和规范的作用。接口定义了某一批类所需要遵守的规范,
    接口不关心这些类的内部状态数据,也不关心这些类里方法的实现细节,
    它只规定这批类里必须提供某些方法,提供这些方法的类就可以满足实际需要。
    typescrip中的接口类似于java,同时还增加了更灵活的接口类型,包括属性、函数、可索引和类等。
    
    定义标准。
    

    1.3 属性接口

    /*
    属性接口
    ts中自定义方法传入参数,对json进行约束
    */
    function printLabel(labelInfo: { label: string }): void {
      console.log("printLabel");
    }
    
    printLabel({ label: "张三" }); //正确的写法
    
    //接口:行为和动作的规范,对批量方法进行约束
    interface FullName {
      firstName: string; // 注意,约束
      secondName: string;
    }
    function printName(name: FullName): void {
      // 必须传入对象  firstName  secondName
      console.log(name.firstName + " : " + name.secondName);
    }
    
    // 直接传入对象,对象的属性必须严格对照接口,不能多也不能少
    printName({
      firstName: "张",
      secondName: "三",
    });
    
    var obj = {
      /*传入的参数必须包含 firstName  secondName*/
      age: 20,
      firstName: "张",
      secondName: "三",
    };
    printName(obj);
    

    1.4 接口,可选参数

    // 接口:可选属性
    interface FullName02 {
      firstName02: string;
      secondName02?: string;
    }
    
    function getName(name: FullName02) {
      console.log(name);
    }
    getName({
      firstName02: "firstName",
    });
    
    

    1.5 ts接口完整ajax封装

    /*
    $.ajax({
          type: "GET",
          url: "test.json",
          data: {username:$("#username").val(), content:$("#content").val()},
          dataType: "json"             
      });       
    */
    int
    interface Config{
        type:string;
        url:string;
        data?:string;
        dataType:string;
    }
    
    //原生js封装的ajax 
    function ajax(config:Config){
    
       var xhr=new XMLHttpRequest();
    
       xhr.open(config.type,config.url,true);
    
       xhr.send(config.data);
    
       xhr.onreadystatechange=function(){
    
            if(xhr.readyState==4 && xhr.status==200){
                console.log('chengong');
    
    
                if(config.dataType=='json'){
    
                    console.log(JSON.parse(xhr.responseText));
                }else{
                    console.log(xhr.responseText)
    
                }
    
    
            }
       }
    }
    
    
    ajax({
        type:'get',
        data:'name=zhangsan',
        url:'http://a.itying.com/api/productlist', //api
        dataType:'json'
    })
    


    展开全文
  • 在shims-vue.d.ts配置文件中写入: declare module '*.json' { const value: any; export default value; } 第二步: 在需要引入底地方: import configs from '../../package.json' 自己根据自己的相对路径去...
  • 前言Typescript是微软内部出品的,用actionscript的语法在写js的一门新语言,最近 TypeScript 中毒,...OO……下面这篇文章想说的其实是在 ts 中如何正确的 import json 格式。首先我使用了基本姿势import * as va...
  • package.json package.json文件,它定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、作者、license等信息)。 tsconfig.json tsconfig.json 文件,它指定了用来编译这个项目的根文件和编译...
  • 问题:使用ts-node 执行编译ts文件报错 Error: Cannot find module ‘@types/node/package.json‘ 解决方案: npm install -D tslib @types/node
  • 感谢Angular 2页面上的教程“Tour of Heroes”,我设法创建了一个简单的Angular 2应用程序.然后使用Enitity Framework我决定创建一个数据库.并从中填充英雄列表(不是从文件中).我创建了Web Api Controller并添加了...
  • 现在的系统没有安装相应的Add-on(UI2 Add-on,可以应用的版本是 SAP_BASIS 700 – 76X),因此找不到/UI2/CL_JSON类。因此创建了自定义类,用于替代原有类 1 ZCL_JSON源码: *--------------------------------...
  • 网上可搜到的解决办法是修改webpack配置,显示指定tsconfig.json 个人理解:这样做意外着webpack没有找到配置文件,并不是报错中说的files选项为空 但修改配置后并没解决整个报错 { test: /\.tsx?$/, loader: "ts-...
  • CSV文件转JSON

    2020-12-21 15:39:33
    //课程与列序号 } } if (m > 1) { arr.Add(new JObject(new JProperty("Name", split[0]), new JProperty("Age", split[1]),new JProperty("Sex",split[2]),new JProperty("course", newJArray(new JObject(from p ...
  • 在使用ts-node执行ts代码,会报错Error:Cannot find module '@types/node/package.json' 解决方法: npm install -D tslib @types/node
  • Json中的key类型

    2021-05-25 04:10:51
    JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集...
  • // 自动编译 只限于当前文件 tsc 01_app.ts -w // 不适合日常的开发 let a = 'app'; 创建tsconfig.json配置文件 可以直接使用tsc进行全局编译。加上-w就是自动编译 二、tsconfig.json "include" 用来指定哪些ts...
  • tsconfig.json详细配置

    2021-12-03 14:04:18
    "incremental": true, // TS编译器在第一次编译之后会生成一个存储编译信息的文件,第二次编译会在第一次的基础上进行增量编译,可以提高编译的速度 "tsBuildInfoFile": "./buildFile", // 增量编译文件的存储位置...
  • 使用tsconfig.json文件配置项目编译选项 { "compilerOptions": { /* 基本选项 */ "target": "es5", // 指定 ECMAScript 目标版本: 'ES3' (default), 'ES5', 'ES6'/'ES2015', 'ES2016', 'ES2017', or 'ESNEXT' ...
  • vue: 使用ts-loader引入ts文件

    千次阅读 2021-05-11 14:16:26
    安装 npm install typescript ts-loader --... resolve: {extensions: [".ts", ".tsx", ".js", ".json"]}, module: { rules: [ { test: /\.ts$/, loader: "ts-loader" }, ] } } tsconfig.json { "compilerOptio
  • w在 TypeScript 开发中,tsconfig.json 是个不可或缺的配置文件,它是我们在 TS 项目中最常见的配置文件,那么你真的了解这个文件吗?它里面都有哪些优秀配置?如何配置一个合理的 tsconfig.json 文件?本文将全面带...
  • reason src目录下没有.ts文件 resolution 在src目录下新增一个空的test.ts文件即可
  • 文章目录一、原因二、说明三、显式项目四...在这个版本之后,会优先查找项目中是否配有tsconfig.jsonts项目)或者jsconfig.json(js项目), 没找到这2个文件就去找vetur.config.js,如果都没有,就会抛出这个提示。
  • 算了,干脆自己造个轮子 解决方案 自己用ts造个api适配器 废话不多说,直接上成品:type-json-mapper 安装 npm install type-json-mapper --save `` 装饰器 采用装饰器对类属性进行处理,内置三种装饰器: @...
  • 生成配置文件 tsconfig.json tsc --init 编译ts—>js直接执行tsc tsc 修改tsconfig.json中的配置 tsc 使用npx生成tsconfig.json npm install -g npx npx tsconfig.json
  • 一般我们执行 js 文件,直接 node index.js,那么如何快速的执行 ts 呢? esno npm i esno -g esno index.ts { "scripts": { "start": "esno index.ts" }, "dependencies": { "esno": "*" } } 参考文档 ...
  • tsconfig.jsonts编译器的配置文件,ts可以根据它的信息来对待吗进行编译 可以再tsconfig中写注释 include : 用来指定哪些文件需要被编译 exclude : 用来指定哪些文件不需要被编译 :默认node_module extends :...
  • JSON.stringify()和JSON.parse(),简单来说JSON.stringify()就是将对象转换为字符串,JSON.parse()将字符串还原为对象,以此实现对象的深拷贝,防止源数据的改变。 为什么这样传也是有原因的,首先就是参数较多,...
  • 本篇文章主要介绍了Angular2使用vscode断点调试ts文件的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧VSCode自带debugger工具,管理后台项目使用angular2,试了下调试ts文件...
  • 但是能直接使用tsc命令的前提时,要先在项目根目录下创建一个ts的配置文件 tsconfig.json tsconfig.json是一个JSON文件,添加配置文件后,只需只需 tsc 命令即可完成对整个项目的编译 配置选项: include 定

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 43,067
精华内容 17,226
关键字:

json2ts