[JavaScript知识库] 在 NetBeans 上安装和构建 TypeScript 环境

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 在 NetBeans 上安装和构建 TypeScript 环境 -> 正文阅读

[JavaScript知识库]在 NetBeans 上安装和构建 TypeScript 环境

有用的链接

如何：在 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位置