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

Question

While trying to learn javascript, I stumbled upon Typescript and decided to rather learn that. I installed Atom and the atom-typescript module and coded a typescript class, which compiles to a .js file. I created an index.html page with the .js in a script tag.

As far as I understand, in order to test the js code, I have to start a webserver and load index.html.

What would be a convenient way to do that? At least, I would like to manually run the script from Atom with a keyboard shortcut. Ideally, I would like the browser to refresh every time the typescript file changes in Atom. No google result I could find explains how to do that, is that a difficult thing to do?

Answer 1

What would be a convenient way to do that?

Use browserify to reload your webapp everytime the JS changes. Also use nodemon to restart your webserver each time the backend JS changes.

Example:

Checkout http://typescriptbuilder.com/

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

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

Webpack config during devtime: https://github.com/TypeScriptBuilder/tsb/blob/8a7d48d71a8327d48822fa15eb52b9adb1953223/src/server/devtime.ts#L15-L82