javascript:在浏览器中从 Atom 运行/执行

标签 javascript typescript atom-editor execution

在尝试学习 javascript 时,我偶然发现了 Typescript,并决定学习它。我安装了 Atom 和atom-typescript 模块并编写了一个 typescript 类,该类编译为 .js 文件。我使用脚本标记中的 .js 创建了一个 index.html 页面。

据我了解,为了测试js代码,我必须启动一个网络服务器并加载index.html。

有什么方便的方法可以做到这一点?至少,我想使用键盘快捷键从 Atom 手动运行脚本。理想情况下,我希望每次 Atom 中的 typescript 文件发生变化时浏览器都会刷新。 我找不到谷歌结果解释如何做到这一点,这是一件很难做到的事情吗?

最佳答案

What would be a convenient way to do that?

每次 JS 发生变化时,使用 browserify 重新加载您的 web 应用程序。每次后端 JS 更改时,还可以使用 nodemon 重新启动 Web 服务器。

示例:

结账 http://typescriptbuilder.com/

Nodemon 配置: https://github.com/TypeScriptBuilder/tsb/blob/master/nodemon.json

Wepack 配置: https://github.com/TypeScriptBuilder/tsb/blob/master/src/webpack.config.ts

开发期间的 Webpack 配置: https://github.com/TypeScriptBuilder/tsb/blob/8a7d48d71a8327d48822fa15eb52b9adb1953223/src/server/devtime.ts#L15-L82

关于javascript:在浏览器中从 Atom 运行/执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34299271/

相关文章:

class - TypeScript "use"/类的别名

atom-editor - 让自定义按键在 Atom 中插入一个 Unicode 字符

typescript - 为什么 typescript 编译选项 --out 不好?

javascript - 如何将 JSON 数组中的特定对象元素获取到 JavaScript 数组中

javascript - 是否可以将变量的值从一个 javascript 导出到另一个?

javascript - 超时会占用内存吗?

javascript - 强制 div 溢出而不是调整大小

typescript - 联合类型上不存在属性

angular - ionic2 tabs getSelected 方法给出之前的选择

atom-editor - "Delete both brackets"Atom 中的键盘快捷键?