Започнете със създаване на нова папка. Ние го наричаме PROJ. но тя може да се обърне всеки желан име.
Нашият проект ще има следната структура:
Пишеща машина файлове ще бъдат в папката SRC. пишеща машина обработват от компилатора, а резултатът е поставен в изграждане.
Да се създаде тази структура:
Първо, уверете се, че пишеща машина и Typings, определени в световен мащаб.
Ние се нуждаем, за да получите себе си нокаут библиотека, както и нещо, наречено RequireJS. RequireJS - е библиотека, която ви позволява да заредите асинхронно модули по време на изпълнение.
Има три начина да направите това:
- Качване на файлове с ръка и ги поставете.
- Качване на файлове чрез управление на пакетите, например, Bower. и да ги поставите.
- Използвайте система за доставяне на съдържание (CDN), за да поставите файловете.
Ние ще го прости и да изберете първия вариант, но нокаут на документация има подробно описание на CDN за употреба. и други библиотеки, такива RequireJS, могат да бъдат намерени в cdnjs.
Външни създадете папка в основата на нашия проект.
Сега изтеглите нокаут и RequireJS в тази папка. Най-новите и minifitsirovannye версиите на тези файлове трябва да отидат.
За да направите това, да създадете файл tsconfig.json. съдържаща списък с входни файлове и цялата компилация настройки. Просто се създаде нов файл с име tsconfig.json в главната директория на проекта, и поставете следния код:
Тук то е включено typings / index.d.ts файл. който е създаден Typings. Този файл автоматично включва всички инсталирани зависимост.
За да научите повече за tsconfig.json файлове тук.
Нека да напише първата ни код написан на пишеща машина с помощта на елиминации. Първо, създаване на файл с име Hello.ts в папката SRC.
След това, в една и съща директория SRC създадете файл с изискват-config.ts.
Този файл ще RequireJS, къде да търсят, елиминации, когато ние го импортирате в hello.ts файл. Всички страници, които създавате, трябва да включват файла веднага след RequireJS, но преди да се импортира всичко друго. За да се разбере по-добре структурата на файла и как да персонализирате RequireJS, прочетете документацията.
За да се покаже HelloViewModel. Той трябва да изглежда. Създаване на корен проект index.html файл със следното съдържание:
Имайте предвид, че има три скрипт на маркера. На първо място, ние включваме RequireJS самата библиотека. Тогава ние се пътеки линия в външни зависимости изискват-Config.js файл. RequireJS да знаят къде да търсят зависимостта. И накрая, ние наричаме изисква списък на заредените модули.
Сега отворете index.html в любимия си браузър, и всичко трябва да се направи! Трябва да видите страница с текст "Здравейте от пишеща машина и нокаут!". По-долу са две полета за въвеждане. Ако промените съдържанието им и да прехвърли фокуса ще се промени първоначалното съобщение.
Подкрепа превод на документи:
Свързани статии