Ничего особенного о движении в этом направлении нельзя рассказать, это как раз то, что действительно вызывает у меня естественный интерес. Меня это привлекает, и кроссплатформенность привлекает меня больше, чем возможности дифференциации между платформами. Меня по-прежнему интересует Swift как язык, как и C #. На что я, вероятно, не хочу тратить время, так это на настройку UIView до уровня навязчивой идеи. Я разработчик приложений, а не инженер и не архитектор, и я хочу, чтобы так и было. Я использую программное обеспечение для решения проблем и поиска решений, и у меня это хорошо получается. Я хочу, чтобы мой набор инструментов позволял это делать.
Итак, потратив некоторое время на то, чтобы запустить React Native, а затем заставить его запускаться в коде Visual Studio, написал об этом в другой паре статей. Затем я хочу потратить несколько дней на то, чтобы естественным образом почувствовать TypeScript в коде и использовать сам код на моем Macbook. TypeScript выглядит великолепно, похоже, он прошел очень далеко с тех пор, как я столкнулся с ним в последний год в Conde Nast, когда я готовился взять несколько приложений Samsung Watch для Self и Traveler на Всемирный мобильный конгресс в Барселоне. Это от Андерса, так что я уже знал, что это будет здорово: строго типизированный Javascript? Я подумал, да, в какой-то момент я присоединюсь к вам, и вот мы здесь.
Итак, я написал свое привет, мир приложение. Оказывается, это довольно просто: просто создайте каталог, cd в каталог, откройте его в «коде». О, одно - я завариваю установленный код, потому что, если вы устанавливаете код из магазина приложений, вы не можете вызывать его из командной строки, а это очень желательно.
brew cask install visual-studio-code
Затем, а-ля Ruby, я создал новое приложение Node с помощью Express (я мог бы набирать слова «никогда этого не делал раньше!», Но я буду печатать их каждое второе предложение, вы можете просто продолжить и мысленно подключить его
michaels-MacBook-Pro-Early-2015:hello michaelisbell$ express myExpressApp warning: the default view engine will not be jade in future releases warning: use `--view=jade' or `--help' for additional options create : myExpressApp create : myExpressApp/package.json create : myExpressApp/app.js create : myExpressApp/public create : myExpressApp/routes create : myExpressApp/routes/index.js create : myExpressApp/routes/users.js create : myExpressApp/views create : myExpressApp/views/index.jade create : myExpressApp/views/layout.jade create : myExpressApp/views/error.jade create : myExpressApp/bin create : myExpressApp/bin/www create : myExpressApp/public/javascripts create : myExpressApp/public/images create : myExpressApp/public/stylesheets create : myExpressApp/public/stylesheets/style.css install dependencies: $ cd myExpressApp && npm install run the app: $ DEBUG=myexpressapp:* npm start michaels-MacBook-Pro-Early-2015:hello michaelisbell$ cd myExpressApp michaels-MacBook-Pro-Early-2015:myExpressApp michaelisbell$ npm install npm WARN deprecated [email protected]: Jade has been renamed to pug, please install the latest version of pug instead of jade npm WARN deprecated [email protected]: Deprecated, use jstransformer npm notice created a lockfile as package-lock.json. You should commit this file. added 105 packages in 4.712s michaels-MacBook-Pro-Early-2015:myExpressApp michaelisbell$ npm start > [email protected] start /Users/michaelisbell/TypeScriptProjects/hello/myExpressApp > node ./bin/www GET / 200 311.071 ms - 170 GET /stylesheets/style.css 200 5.460 ms - 111 GET /favicon.ico 404 38.938 ms - 1395
npm хотел, чтобы я обновился, поэтому я сделал это
npm i -g npm
и вроде все еще работает. Приложение запускает веб-сервер, вы переходите по адресу http: // localhost: 3000 в своем веб-браузере и получаете отрисованный текст из своего приложения.
Затем я немного отладил приложение. Опять же, довольно просто и похоже на другие IDE.
Очарован тем, как React превратился в React Native. Реагируйте на визуализированные компоненты в HTML, поэтому кто-то просто вмешался и сказал, что им нравятся компоненты, но вместо этого давайте создадим небольшой мост, который создает собственный интерфейс и свойства потоков. Так и было сделано. Одно из преимуществ состоит в том, что если вы знаете React Native, вы в значительной степени имеете правильное представление о React, и наоборот.
В приведенном выше руководстве также отмечается, что объявления типов TypeScript, предусмотренные для общих фреймворков, наделяют Code его возможностями intellisense: например, если я наведу курсор на переменную msg, я вижу, что это: строка. Код загружает объявления типов автоматически в фоновом режиме, этот процесс называется «Автоматическое получение типа», потому что они должны были назвать это как-то, поэтому они и назвали это так.
Постскриптум: Культурное открытие, есть репозиторий githup специально для определений типов TypeScript, насколько это круто?