搭建改测试框架的初衷:

typescript是微软开发的一门编程语言,是javascript的一个超集。该语言良好的语言特性使之拥有了包括angularjs和vuejs在内的一大批拥簇。因此我们了解一下这种语言是完全有必要的。


项目结构:

项目结构


搭建步骤:
  1. 新建文件夹typescriptDemo,在文件夹里边新建相应的test.ts, config.js, index.html文件。

  2. 在typescriptDemo目录下通过命令行工具通过npm init命令生成相应的package.json文件。(默认项目名中不能有大写字母,其它一切默认)。

  3. 通过命令 npm install -g typescript 全局安装typescript。
  4. 修改package.json代码,添加入口。
    package.json
  5. 配置config.js, 代码如下
    javascript
    //配置文件,实现自动编译ts文件,自动更新js文件
    var exec = require('child_process').exec;
    var path = require('path');
    var fs = require('fs');
    //运行typescript编译test.ts
    function execTs(){
    exec(`tsc ${path.resolve(__dirname, 'test.ts')}`, function(err, stdout, stderr){
    if(err){
    console.log(err);
    }else{
    console.log('编译文件成功!');
    }
    });
    }
    //通过node的watch相关文件的改变
    fs.watch(path.resolve(__dirname, 'test.ts'), function(){
    execTs();
    });
    execTs();

  6. 在index.html中引入test.js文件
    html

  7. 在当前目录下命令行中运行npm start开始调试ts文件

Logo

前往低代码交流专区

更多推荐