Я забываю ваши оправдания, чтобы не попробовать их все

Этот пост борется с усталостью от Javascript

Усталость от Javascript - это реальная проблема, но в конце 2017 года настолько глупо попробовать Big 3 (Angular 2, React, Vue.js), что вы почувствуете себя освеженным и вдохновленным к концу часа. Это действительно быстрый пост, который покажет вам, как быстро запускать проекты в каждом из них.

Уловка заключается в использовании инструментов CLI

Angular 2, React и Vue.js поставляются с официальными инструментами CLI, которые упрощают запуск нового проекта. Вам больше не придется возиться с такими инструментами сборки, как gulp, grunt или webpack! Аллилуйя.

Проекты, созданные с помощью этих инструментов CLI, поставляются с набором функций разработчика из коробки, такими как серверы разработки с поддержкой livereload, прекомпиляторы, среда модульного тестирования и т. Д. И т. Д. И т. Д.

Я также буду включать сюда ссылки на небольшую документацию.

Предпосылки

Вам просто нужен доступ к инструменту командной строки и локальная установка Node.js. Удобная ссылка: https://nodejs.org/ru/download/package-manager.

Приведенные ниже команды протестированы в bash, но могут работать в Windows. Если нет, дайте мне знать, и я тоже смогу исправить их для Windows.

Бонус: Ленивый или в спешке? Клонируйте это репо, в нем есть все 3 шаблонных проекта

Если вы ДЕЙСТВИТЕЛЬНО стремитесь к скорости, вот удобный репозиторий с шаблонными стартовыми проектами во всех трех фреймворках внутри него. Просто следуйте README.



monarchjhaveri / quick-explore-angular2-react-vuejs
quick-explore-angular2-react-vuejs - компаньон к сообщению в блоге github.com



И вот как это сделать по-настоящему

Угловой 2

Сначала создайте приложение

npm install -g @angular/cli
ng new PROJECT-NAME
cd PROJECT-NAME
ng serve

Затем просмотрите Руководство по быстрому запуску.

Реагировать

Сначала создайте приложение

npm install -g create-react-app

create-react-app PROJECT-NAME
cd PROJECT-NAME
npm start

Затем пролистайте это видео со скоростью 1,5 или 2 раза. (Я не создавал это видео)

Vue.js

Сначала создайте приложение

npm install -g vue-cli
vue init webpack PROJECT-NAME
cd PROJECT-NAME
npm install # Only Vue requires you to install manually
npm start

Затем пройдите это руководство (в самом конце есть видео, которое можно просмотреть с 1,5-кратной скоростью)

Сделанный!

Надеюсь, вы, ребята, нашли это полезным, не стесняйтесь оставлять комментарии ниже, я буду рад уточнить любые вопросы в комментариях!

Монарх Вадиа - главный разработчик в Zero Projects, где он консультирует Javascript для развлечения и прибыли. Не стесняйтесь обращаться, если вам нужна рука с вашим кодом!