在 NetBeans 上安装和构建 TypeScript 环境

allway2

已于 2022-04-29 17:49:49 修改

阅读量1.7k

点赞数

文章标签： javascript 开发语言 ecmascript

于 2022-04-29 17:16:49 首次发布

本文链接：https://blog.csdn.net/allway2/article/details/124500343

版权

有用的链接

如何：在 NetBeans 上安装和构建 TypeScript 环境

从官网下载NodeJS：https ://nodejs.org/en/
安装 Node.js。在我们的例子中，我已经安装/home/zunayedhassan/opt/nodejs/在 Linux 操作系统上的文件夹中。
安装TypeScript 。命令写在这个站点上：TypeScript: JavaScript With Syntax For Types. 。这是 Linux 上的示例。
- 从 NodeJS 安装路径中找到npm程序。
- 运行此命令：
  
  npm install -g typescript
- 安装完成后，您可以使用以下命令进行检查：
  
  tsc -help
安装 Netbeans。网站：https ://netbeans.org/downloads/index.html
为 Netbeans 安装 TypeScript 插件。你可以从这个网站下载插件：
细节

GitHub - Everlaw/nbts: NetBeans TypeScript editor plugin

下载

Releases · Everlaw/nbts · GitHub

插件名称类似于netbeanstypescript-2.5.3.0.nbm
现在在netbeans上安装插件
- 打开 Netbeans
- 工具→插件→下载→添加插件... → 选择 netbeanstypescript-2.5.3.0.nbm 文件 →安装
- 重新启动 Netbeans
在 Netbeans 上，创建一个新项目，它可以是 PHP 或 HTML5/JavaScript 应用程序，由您选择
添加新文件→其他→ TypeScript 文件
给它一个名字，例如：greeter.ts

还script像这样在 HTML 文件上添加标签

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div>
            <script src="greeter.js"></script>
        </div>
        <div>
            <?php echo("Hello HTML"); ?>
        </div>
    </body>
</html>

现在在上greeter.ts，使用以下代码：

class Greeter {
    constructor(public greeting: string) { }
    greet() {
        return "<h1>" + this.greeting + "</h1>";
    }
};

var greeter = new Greeter("Hello, world!");
    
document.body.innerHTML = greeter.greet();

设置TypeScript Lib位置