Показать сообщение отдельно
  #4 (permalink)  
Старый 22.11.2019, 23:10
Кандидат Javascript-наук
Отправить личное сообщение для Katy93 Посмотреть профиль Найти все сообщения от Katy93
 
Регистрация: 28.12.2018
Сообщений: 137

nodejs, я уже установила даже удалось создать несколько .ts файлов и откомпилировать, через msdos, чтобы потом запустить html в браузре. Как быстро разрабатывать приложения на typescript?

Не могу же я каждый раз запускать msdos и компилировать ts файлы.
Я в начале думала, что модули могут работать и без typescript, вот такой код где модуль указан в теги script работает без typescript:
<!doctype html>
<meta charset="utf-8">
<title>Loading images</title>
<script src="../library/plugins/traceur-compiler/bin/traceur.js" type="text/javascript"></script>
<script src="../library/plugins/traceur-compiler/src/bootstrap.js" type="text/javascript"></script>
<script>traceur.options.experimental = true;</script>
<script type="module">
 
import {assets} from "../library/utilities";
 
//Create a canvas element and 2D drawing context called "ctx"
let canvas = document.createElement("canvas");
canvas.setAttribute("width", "256");
canvas.setAttribute("height", "256");
canvas.style.border = "1px dashed black";
document.body.appendChild(canvas);
let ctx = canvas.getContext("2d");
 
assets.load([
  "images/cat.png", 
  "images/hedgehog.png",
  "images/tiger.png"
]).then(() => setup());
 
function setup() {
  console.log("All the images have been loaded");
  console.log(assets["http://www.cyberforum.ru/images/cat.png"]);
  //Displays: <img src="http://www.cyberforum.ru/images/cat.png">
 
  //Display the image of the cat on the canvas
  ctx.drawImage(assets["http://www.cyberforum.ru/images/cat.png"], 64, 64);
  
}
</script>
Ответить с цитированием