如何在sublime Text 3中编译TypeScript并在一个构建中运行结果.js文件？
在Sublime Text 3中编译TypeScript并在一个构建中运行结果.js文件，可以按照以下步骤进行操作：
- 确保已经安装了Node.js和TypeScript编译器。可以在命令行中运行以下命令来检查是否已安装：
- 确保已经安装了Node.js和TypeScript编译器。可以在命令行中运行以下命令来检查是否已安装：
- 如果命令能够正确执行并显示版本号，则说明已经安装成功。
- 打开Sublime Text 3，点击菜单栏中的 "Tools"（工具）选项，然后选择 "Build System"（构建系统），再选择 "New Build System"（新建构建系统）。
- 在弹出的新窗口中，输入以下内容：
- 在弹出的新窗口中，输入以下内容：
- 这段代码定义了构建系统的配置，使用了TypeScript编译器（tsc）来编译当前打开的文件。
- 保存文件时，将其命名为 "TypeScript.sublime-build"，确保文件后缀为 ".sublime-build"。
- 现在，可以在Sublime Text 3中打开一个TypeScript文件（后缀为 ".ts"），然后按下 "Ctrl + B"（或选择菜单栏中的 "Tools" -> "Build"）来编译该文件。
- 编译完成后，会在同一目录下生成一个与源文件同名的JavaScript文件（后缀为 ".js"）。可以通过按下 "Ctrl + ` "（或选择菜单栏中的 "View" -> "Show Console"）来查看编译输出结果。
注意：在使用Sublime Text 3编译TypeScript之前，需要确保已经在项目目录下创建了一个 "tsconfig.json" 文件，用于配置TypeScript编译器的选项。可以参考TypeScript官方文档（https://www.typescriptlang.org/docs/handbook/tsconfig-json.html）了解更多关于 "tsconfig.json" 的配置选项。
希望以上步骤能够帮助你在Sublime Text 3中成功编译和运行TypeScript文件。
相关·内容
我已经在Sublime Text 3上成功安装了TypeScript插件。插件安装完成后，它的菜单中添加了一个构建系统。
你可以使用"Command + B“来构建.ts文件。
我想要的是将节点编译成.js，并在一个“.ts + B”命令中使用“.js xxx.js”运行结果js文件。
如何配置sublime text 3构建系统来做到这一点？
浏览 13提问于2016-09-16得票数 3
使用TypeScript和崇高文本3使用，我希望我的NodeJS项目的结构如下：
/web.js
/views/some-view.js
/controllers/some-controller.js
[...]
/src
/src/web.ts
/src/views/some-view.ts
/src/controllers/some-controller.ts
换句话说，我希望我的所有.ts都在/src下，并编译成/下的各个.js文件。
如何配置T3S以像这样编译.ts文件，而不显式地定义sublime-project文件中的每个.ts文件？
如果我不能使用T3s的构建系统来完成这个任务，
浏览 2提问于2014-07-28得票数 0
回答已采纳
1回答
崇高文本(build 3126)中的类型记录插件(Build 3126)在没有明显原因的情况下停止工作。
问题是它不再理解类型，因此错误突出显示和自动完成被禁用。
这种情况发生在OSX10.11.6上。
这是崇高文本控制台中的输出：
2016-11-03 11:14:24,674: 140735275929600: WARNING: TypeScript plugin initialized.
plugins loaded
[rsub] Server running on localhost:52698...
lang_service_enabled: True
Path of tsserve
浏览 2提问于2016-11-03得票数 0
回答已采纳
1回答
因此，简单地说，我决定在我们的react项目中引入类型记录，构建在解决导入时遇到了问题，没有指定.ts / .tsx扩展，所以我决定在webpack的配置中添加ts-加载程序，这样它就停止工作了。
const nodeExternals = require('webpack-node-externals');
const paths = require('../config/paths');
const publicPath = paths.servedPath;
const webpack = require('webpack');
const
浏览 0提问于2019-10-24得票数 1
回答已采纳
我不小心点击了CTRL +B，它生成了所有的JavaScript文件和来自Typescript的源映射文件。
我想知道是否有一种简单的方法来撤销这一点，因为每当我更新Typescript文件时，Sublime都会不断地生成/更新JS文件。
我现在使用的是Sublime 3和Typescript with Angular 2+ Webpack。
浏览 13提问于2017-02-07得票数 2
1回答
我正在使用存储库处理一个项目，一切都运行得很好。我使用Sublime Text作为我的编辑器，由于一些我现在不知道的键的组合，我使编辑器开始为每个typescript文件显示转换后的.js文件。它把我的Git客户端搞得乱七八糟，我想不出该用什么键组合来逆转它的影响。会非常感谢你的帮助。
浏览 0提问于2017-12-13得票数 1
我正在做两个项目。一个使用Flow，另一个使用Typescript。我想使用Sublime Text来实现这两个功能。
我想在Flow项目中利用与流程相关的包(例如SublimeLinter- Flow )，同时在Typescript项目中利用与Typescript相关的包(例如TypeScript)。
当我安装这两组包时，它们会互相碰撞(Sublime目前在我的Flow项目中报告了Typescript错误)。
也许有一种方法可以使包特定于项目？还是特定于扩展类型？
我唯一的另一个想法(不是首选)是在一个项目中使用VSCode，在另一个项目中使用Sublime……
有什么想法吗？
浏览 16提问于2020-05-09得票数 1
我试图在CentOS 5上运行Sublime Text 2。Sublime需要GLIBCXX_3.4.11和GLIBC_2.11，但系统的GLIBCx3.4.8和GLIBC2.5.如何在不修改内核或更新到CentOS 6的情况下更新glibc和glibcxx？
浏览 2提问于2013-02-19得票数 2
我正在从事一个Svelte3项目，试图获得TailwindCSS DarkMode的支持。从我读过的文档来看，它应该在本地工作吗？目前，这是一个非常典型的Svelte项目，配置了Tailwind、Typescript和PostCSS。顺风类是起作用的，但是在大多数情况下，黑暗模式类是不工作的.我似乎不能正确配置..。有人能帮我吗？
index.html
<!DOCTYPE html>
<html lang="en" class="dark">
<head>
<meta charset='utf-8'
浏览 1提问于2021-04-27得票数 0
1回答
我正在为一个非STL容器类型实现一个自定义迭代器，并遇到了以下行为，在这个阶段，这对我来说似乎有点出乎意料。
当您定义“空”dtor?？时，似乎出现了显著的性能影响。为什么？?
为了深入了解这一点，我为std::vector实现了一个简单的迭代器，这样我就可以直接与标准STL迭代器进行性能比较。为了进行公平的测试，我简单地从"vector.hpp“复制了一个简化的实现，并尝试添加一个额外的”空“dtor：
template <typename _Myvec>
class my_slow_iterator // not inheriting from anyt
浏览 2提问于2011-05-05得票数 4
回答已采纳
在我的WebStorm IDE中，我的项目中的所有.js (和.jsx)文件都有一个相关的“运行”命令，但是.ts (或.tsx)文件中没有这个特性。
我相信我已经为TypeScript正确地配置了我的项目，因为我至少能够从命令行()运行tsc，但是我感到惊讶的是，我不能简单地在IDE中这样做。
WebStorm是否支持单个文件TypeScript的编译和运行？启用此功能是否需要IDE的某些特定的非默认配置？
浏览 3提问于2019-08-13得票数 3
回答已采纳
正如标题所说。我已经在cmd中运行了npm audit fix。现在我不能运行npm run build，因为它给了我错误。如何撤消npm audit fix？有这样的命令吗？
在运行npm audit fix之后，我得到以下错误：
D:\SUBLIME\REACT>npm run build
> uploadpublish@1.0.0 build D:\SUBLIME\REACT
> webpack --mode production
D:\SUBLIME\REACT\node_modules\webpack-cli\bin\config-yargs.js:136
浏览 2提问于2020-06-10得票数 6
在创建基于javascript的React项目时，安装服务工作者只需在index.jsx上将serviceWorker.unregister()更改为serviceWorker.register()即可。
具有这样的项目结构：
- src
|- index.jsx
|- serviceWorker.js
构建此代码后，/build文件夹将如下所示：
- build
|- static
| |- css
| |- js
| |- media
|
|- index.html
|- service-worker.js
这将很好地工作，
浏览 2提问于2021-06-18得票数 0
我正在尝试创建以下工作流：
监视文件更改
编译TypeScript之后，完成以下操作：
重新启动Express应用程序，完成之后：
LiveReload浏览器
以下是我目前的做法：
gulp.task('default', function() {
//1. run your script as a server
var server = gls.new('./bin/www');
server.start();
gulp.watch('./**/*.js', function(file) {
浏览 0提问于2015-11-17得票数 0
回答已采纳
我正在使用sublime text2，并且搞砸了我的代码。我想从github恢复到我之前在Sublime text2上的代码，这样我就可以回到我之前提交的代码。
我该怎么做呢？
浏览 0提问于2014-02-17得票数 1
我刚刚更新到角-cli 1.0.0-rc1后，按照升级说明的wiki。
当我运行ng serve时，应用程序的行为是正确的。
当我运行ng build时，应用程序的行为是正确的。
当我运行ng build --target=production --environment=prod时，我得到以下信息：
➜ web git:(master) ✗ ng build --target=production --environment=prod
Hash: 1e69750dbc9679bddab0
Time: 69052ms
chunk {0} main.8839163bd6c77300ac2
浏览 6提问于2017-03-13得票数 0
我有sublimetext3。我希望sublime能够从其他文件中读取函数，并在我编写代码时给出提示：
文件functions.js：
function someFunction(var) {
console.log(var);
};
文件app.js：
myFunctions = require('functions.js');
myFunctions.someFun... //I want sublime to give hints to autocomplete.
你知道该怎么做吗？致敬！:)
浏览 0提问于2014-03-16得票数 0
1回答
我让这个用户构建系统C Terminal.sublime-build来编译和运行c程序： {
"cmd": ["gcc.exe", "-std=c11", "-o", "$file_base_name", "$file", "&&", "start", "cmd", "/c", "$file_base_name & echo. & echo. & pause"],
浏览 14提问于2020-11-04得票数 0
回答已采纳
我有一个使用requireJS模块构建的网站。我想在这个项目中开始使用TypeScript (1.8VisualStudio 2015)，并尝试重写其中一个模块。
目前，我的模块如下：
// file: ProjectFoo/app/dashboard/viewProfile.js
define(["services/datasvc"], function (datasvc) {
datasvc.getData(...).then(...);
});
文件datasvc.js位于以下路径：ProjectFoo/services/datasvc.js
为了使datasvc
浏览 4提问于2016-06-27得票数 7
我正在尝试过渡到React，并且我正在设置新的工具。我想我喜欢Sublime Text 3，我现在已经把它和babel和eslint包一起运行了。现在我不确定何时将我的jsx编译成单独的js文件。
我使用了babel-cli watch选项，但是在Sublime中自动发生的事情是ideal...not另一个开发人员必须手动启动的过程。sublime-babel包能做到这一点吗？我没有看到输出目录等的任何选项或配置。
浏览 5提问于2016-03-28得票数 0
我正在为我的Angular2应用程序(Spring )使用J2EE。我已经实现了延迟加载，但它仍然需要更多的时间(大约2分钟！)来加载。
有两个大小较大的文件正在加载：
typescript.js :4.75MB
compiler.umd.js :0.98MB
而且typescript.js文件没有缓存。每次重新加载它的下载。
我的systemjs.config.js文件是：
System
.config({
transpiler : 'ts',
typescriptOptions : {
浏览 3提问于2017-09-26得票数 1
1回答
是否可以在控制台中查看TypeScript源图？
我使用的是Firefox Developer Edition，控制台显示的是.js行号。我有一个由多个TypeScript文件编译而成的.js文件。
Chrome和Safari正确地显示了TypeScript源代码。
浏览 6提问于2016-04-05得票数 3
我安装了微软卓越的文本插件。一切似乎都正常，但它没有动态地创建javascript文件"test.js“。我使用Windows8.1 32位的sublimetext3 build 3083。
下面是一个非常简单的例子。
test.ts
var s: string;
s = 'Hello Typescript';
tsconfig.js
{
"compilerOptions": {
"module": "commonjs",
"watch":
浏览 0提问于2015-05-02得票数 1
我制作了两个TypeScript文件A.ts和TestA.ts。
A.ts
class A {
constructor( private name : string ){}
disp(){ console.log( this.name ); }
}
TestA.ts
/// <reference path="A.ts"/>
var a1 = new A( "Jun" );
a1.disp();
tsc TestA.ts
好的。它制造了A.js和TestA.js。
tsc TestA.ts -e
吴先生。"Refence
浏览 1提问于2012-10-04得票数 1
上的ES6的Kangax兼容性表显示了"TypeScript + core-js“的结果。为了使用像String#startsWith这样的核心方法，我需要使用ES6 -js。我还不知道如何告诉核心编译器考虑TypeScript -js，也找不到一个例子。如何在TypeScript中使用core-js？
浏览 17提问于2015-07-15得票数 12
我在本地构建了TypeScript函数，然后提交给Google函数，然后通过Google构建。我想把我所有的建筑都建在一个地方。在使用Google函数时，有没有办法在Google构建中编译TypeScript？
浏览 1提问于2022-01-14得票数 2
回答已采纳
我有一个TypeScript项目，它在/dist中编译成一个JS文件。
我有Jasmine测试，也是用TypeScript编写的，它引用了它们用引用测试的各种类，如：
/// <reference path="../../../src/script/classUnderTest.ts" />
当我编译测试时，TypeScript编译器会提取所有引用的类，并得到一个包含测试代码和正在测试的代码的JS文件。
实际上，这对于只运行测试是很好的，但是现在我也想要代码覆盖率。据我所知，为了让伊斯坦布尔发挥作用，我需要将测试中的代码与测试代码分开。而且，很高兴能够准确地测试将要
浏览 3提问于2016-04-11得票数 0
回答已采纳
我正在尝试提出一个可行的TypeScript构建步骤，其中包括以下内容：
编译TypeScript (显然)
理想情况下，允许编译器遍历依赖树。
通过业力执行茉莉花单元测试
不依赖IDE (Visual /WebStorm)来执行测试和输出JS
能够通过WebStorm的运行配置执行单元测试
基于TS代码的代码覆盖结果，而不是产生JS
我目前的尝试包括使用：
因果报应
卡玛-打字稿-预处理器
我宁愿只运行编译步骤一次，因为到目前为止，我必须为单元测试执行预编译步骤，下面的build-ts步骤用于输出到我的dist文件夹。
浏览 0提问于2015-03-02得票数 4
回答已采纳
我有一个包含大量TypeScript源代码的c# MVC项目，大约需要5秒才能编译完成。每当我们构建项目时，TypeScript都会重新编译，即使没有任何更改(例如，引用的程序集发生了变化，因此c#需要重新编译，但这不应该强制TypeScript重新编译)。
有没有办法让它在没有变化的情况下跳过TypeScript编译？
浏览 2提问于2016-12-15得票数 0
我想为我们的web应用程序的脚本从JavaScript切换到TypeScript。但是，在生成JavaScript时，它始终将以下行放在脚本的顶部： "use strict";
exports.__esModule = true;
var $ = require("jquery"); 为此，我收到了浏览器错误。如何防止TypeScript这样做？ 我读了TypeScript: Avoid require statements in compiled JavaScript，但它不能成为切换到"any“的答案，这就失去了整个TypeScript的想法。 我
浏览 35提问于2019-03-27得票数 2
我使用jaysvcutil来编译OData $metadata和创建JayDataContext.js，这真的很棒，但我使用Typescript，我不想在typescript和其他第三方工具中使用导入/导出语法，如requirejs或systemjs，...jaysvcutil生成JayDataContext.d.ts，它的模块只能在typescript中导入！如何在没有导入语法的情况下编译JayDataContext.d.ts并使用它的声明文件？
浏览 4提问于2016-10-03得票数 0
例如，在编辑TypeScript文件和使用"Search“功能时，我只需要从.ts文件中获得引用，但是从.js文件中获得更多的引用。我试图忽略node_modules文件夹下的“代码检查”->“设置”“->”元素到Skip，但我得到了一个“文件夹没有在解决方案”错误。为什么不属于项目的文件夹中有参考建议。我能把这个关了吗？
即使它允许我添加一个文件夹(如wwwroot\lib)，Resharper仍然向我展示了在被忽略的文件夹中使用文件的用法。
我不想完全忽略所有的.js文件通过“文件掩码”设置，因为我有一些文件，如gulpfile.js，应该进行分析。
另外，我想忽略某个
浏览 3提问于2016-08-31得票数 2
回答已采纳
我是个新手。我的sass在同一目录中生成.CSS文件，但我想将我的.CSS文件保存在不同的目录中？在我的项目文件夹中，我有JS，CSS，SCSS文件夹。我可以在Sublime中做到这一点，但我无缘无故不喜欢sublime，而且我在Mac OS Sierra上使用了bracket。我使用括号-sass插件来生成CSS。提前谢谢。
浏览 1提问于2017-04-28得票数 0
我正在用.NET +Range2开发TypeScript核心应用程序，我想把它部署到Azure上。当我这样做时，在Azure从我的存储库获得代码之后，我会看到以下构建错误：
“ TS5023: TS5023：编译器选项'lib'. TS5023
我的tsconfig.json如下：
{
"compileOnSave": true,
"compilerOptions": {
"noImplicitAny": true,
"noEmitOnError": true,
"sou
浏览 2提问于2016-12-05得票数 4
3回答
我有包含一些typescript文件的VS2015和ASP.NET 5 RC1项目。文件位于scripts文件夹中，tsconfig也在此文件夹中。当我保存typescript文件时，生成了js文件，一切正常。但是在构建过程中不会生成js文件。
我也安装了VS2013和一些使用typescript的旧项目，所以可能会有一些问题，因为我有许多TypeScript版本和许多VS版本。
如何在编译期间排除编译typescript的故障？构建日志对typescript一无所知。如果启用了项目设置，则选中“在生成时编译TypeScript”复选框。在旧的ASP.NET项目中，TypeScript是通过c
浏览 1提问于2016-05-07得票数 3
当我在IE11中加载页面时，我从类型记录中的一个简单模块/类中得到以下错误。这个错误不会发生在其他浏览器中，如Edge和Chrome。
JavaScript clock.js SCRIPT1002中第4行第5列的临界错误:语法错误
这是TS代码。
module DateTime {
export class TestMe {
private timeNow:Date;
constructor() {
alert("Hello");
}
}
}
下面是从它生成的JS代码。
var Da
浏览 4提问于2016-04-19得票数 5
回答已采纳
我有一个typescript项目，我想用从npm下载的导入库来补充我的代码。如何将所有这些编译成一个javascript文件，该文件包含我的所有代码以及它所依赖的节点库？
基本上：
依赖于file2.ts)file2.ts (依赖于外部npm库) file1.ts
将file1.ts + file2.ts + external library编译为单个build.js文件
浏览 26提问于2018-06-07得票数 1
我想安装并运行Typescript (即没有全局依赖)。 这是我的package.json文件： {
"name": "foo",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && e
浏览 50提问于2016-06-25得票数 67
回答已采纳
是否可以将Prolog解释器和Prolog编译器与其使用或生成的中间文件区分开来？
维基百科很好地编译了Prolog实现。
这是一个关于表中使用的符号的问题。
列“已编译代码”是否意味着使用Prolog编译器实现相应的Prolog？
(我不确定堆叠溢出是否是问这个问题的好地方。如果没有，请告诉我，我会删除这个线程。)
浏览 1提问于2014-08-07得票数 0
回答已采纳
我的TypeScript和普通JavaScript代码需要共享一个名称空间和一些数据。TypeScript应该“准备”一个名称空间，外部JS提供数据，TypeScript处理它。
上下文是一个角2应用程序。装货顺序如下：
JavaScript启动的角2应用程序
自定义外部JavaScript文件从外部源(样式)动态加载。
角2应用程序对加载的JS文件生成的数据进行进一步处理。
目前，在外部JavaScript文件中，我正在执行如下操作：
if (typeof Blog === 'undefined')
{
Blog = {
Posts
浏览 1提问于2017-01-19得票数 0
我想合并一些文件(具有静态导入的文件)，但有些文件不需要合并(具有动态导入的文件)。
我怎么才能告诉typescript呢？
该演示包含4个文件，其中一个索引包含main()函数，以及3个类A、B和C。
当前typescript配置：
{
"compilerOptions": {
"allowJs": true,
"target": "es2017",
"module": "esnext",
"outDir": "lib",
浏览 3提问于2018-09-23得票数 0
我刚刚开始学习编程(在C++上)，我所说的开始是指完全开始("hello world“开始...)。我不想使用多个集成开发环境，我希望能够使用我的文本编辑器Sublime Text 2编写和构建简单的程序。有人能告诉我如何在Sublime text中实现C++编译和执行功能吗？
我已经在网站上搜索了Sublime Text构建系统，但答案非常具体，对我这样的新手没有帮助(但它们可能会在以后帮助我)。
谢谢
浏览 0提问于2012-10-31得票数 2
回答已采纳
如何使用安卓手机运行TypeScript程序？有什么应用程序可以在Android上脱机运行TypeScript程序吗？
浏览 3提问于2021-01-08得票数 0
回答已采纳
全部：
我对打字稿和ES6非常陌生，第一件事让我感到困惑的是他们之间的关系，来自MSDN：
TypeScript 1.5添加了许多新的ES6特性，包括模块、析构、扩展、for..of、符号、计算属性、let/const和带标记的字符串模板。
我的困惑是(我知道有很多帖子说打字本是JS的超集)：
剂量--这意味着TypeScript只是使用自己的方式(一些稍微不同的语法和transpile )，再次重做ES6中已经存在的内容(只是为了类型的目的)，
和
是否意味着ES6基本上可以做TypeScript中的所有事情？反之亦然，
浏览 6提问于2016-02-01得票数 11
回答已采纳
我想为safeStringify对象设置json对象。为此，我想将其添加到interface JSON in Typescript (lib.d.ts)中。
interface JSON {
safeStringify(value: any): string; // Right way ? - How to write the body ?
}
这是扩展JSON interface的正确方式吗？(浏览器和节点)
如果是，我如何添加功能(方法主体)？接口不接受主体。
作为JSON成员，我想在全球范围内工作代码，而无需付出任何努力。
更新：
因此，最终的
浏览 8提问于2017-12-07得票数 1
回答已采纳
我正在尝试从IONIC的Javascript方法中调用typescript方法。但是typescript方法没有被调用。我已经在IONIC中创建了一个Cordova插件，它将以Javascript成功或失败方法返回结果。在success方法中，我想调用typescript方法来导航到ionic中的另一个页面。请告诉我如何从Javascript调用typescript。 代码片段： var success= function(){
alert("JS method called");. // alert displayed
typescriptMe
浏览 18提问于2019-01-12得票数 1
我正在尝试将一个项目的后端从JavaScript (Node.js/Express)切换到TypeScript，但我遇到了一个相当奇怪的问题。FS的readFileSync不能/不能访问安全文件夹中的key.pem或cert.pem文件(与server.ts文件相同的项目级别)，这些文件是为本地主机https生成的。这在我的原始应用程序中工作得很好，那么我在切换到TS时错过了什么呢？ 下面是相关的代码片段。 import * as https from 'https';
import * as fs from 'fs';
import app from &#
浏览 31提问于2019-05-23得票数 0
回答已采纳
1回答
我希望能够从命令行打开MacOS (14.10.6)中的崇高文本编辑器。我找到了一些关于如何做到这一点的说明(和)，但是它当然对我不起作用。
我在/usr/local/bin中创建了指向应用程序的符号链接
sublime -> /Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl
位于/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl 位置的文件确实存在。另外，/usr/local/bin文件夹是包含的，在PATH的实际定义中。
但是，当我
浏览 1提问于2021-01-15得票数 0
回答已采纳
我正在尝试添加类型记录语法突出显示支持，这是的MSFT。但是，我不知道如何处理下载的.zip，以使崇高识别.ts文件。我试着将它添加到Installed Packages/Typescript中，或者只添加到Installed Packages中，但这没有效果。(我还尝试提取.tmlanguage文件并将其放入Installed Packages/Typescript中。
怎样才是正确的方法？(我在MacOSX10.8上使用了Sublime 2.0.1。)
浏览 2提问于2012-10-08得票数 14
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
