typescript的安装运行与自动编译

2022年7月27日08:13:54

简介:
typescript是JavaScript的超集,遵循最新的ES5、ES6规范,并扩展了JavaScript的语法。typescript更像后端的Java、C#等面向对象语言。Vue、React中也集成了typescript。

安装:
cmd打开黑窗口,执行全局安装命令:npm install -g typescript。
版本查看:tsc -v。

文件创建与编译:
创建文件为xxx.ts文件。
因为浏览器不支持解析ts文件,所以需要先将ts文件编译成js文件。
打开终端到项目所在位置输入:tsc xxx .ts即可完成解析。
代码初始化命令:tsc --init。

自动编译解析:
如果每次写了一些代码就进行一次解析命令太麻烦了,所以不同的编译器通过设置可以支持保存文件自动编译的功能,这里说明一下在Hbuilder和在vscode上分别如何实现自动编译。

在Hbuilder上:
  点击编译器顶部栏目中的工具,点击插件安装,进入插件市场安装typescript插件。
  重启编译器之后点击工具中的外部命令插件配置,点击里边的typescript,点击里边的package.json文件。
  将package.json文件里边的onDidSaveExecution属性值修改为true即可。
  如果保存不能自动编译,就尝试重启一次编译器。

在vscode上:
  先将项目初始化:tsc --init。
  进入初始化后生成的tsconfig.json文件中。
  将文件中的outDir的属性值修改为生成文件的位置(./js)。
  在vscode操作栏的终端中点击运行任务,找到并点击tsc:监视。

  • 作者:小鸡爱吃米
  • 原文链接:https://blog.csdn.net/weixin_42880088/article/details/109142102
    更新时间:2022年7月27日08:13:54 ,共 684 字。