Часть 2: Зависимости и инструменты

RU: если вы хотите разработать приложение с помощью Vuejs, вы должны установить расширение Chrome

FR: Если вы разработали приложение с Vuejs, вы должны сделать обязательный установщик расширения Chrome

Vue.js devtools
https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd 😊

RU: вам также понадобятся другие инструменты - расширения VisualStudio Code, которые упростят чтение, чтение и исправление кода.

FR: Les autres outils dont vous aurez besoin sont des extensions sur VisualStudio Code для фасилитатора votre saisi, votre lecture ainsi que la fix de votre code

Список наиболее полезных плагинов 😊:

  • Фрагменты Vue 2
  • Фрагменты кода Vue VSCode
  • Vetur = ›Самое главное

Другие полезные плагины:

  • HTML-фрагменты
  • Фрагменты кода JavaScript (ES6)
  • Путь Intellisense
  • npm / npm Intellisense
  • Prettier - Средство форматирования кода
  • Автоматическое закрытие тега
  • Автоматическое переименование тега
  • ESLint

Если вам нужно больше расширений или настроить приложение VSCode, перейдите ко мне в руководство Расширения и интерфейс VSCode

Основные зависимости 😊

RU: Для начала нам потребуется несколько основных зависимостей. Начнем с vu-router системы маршрутизации (смены страниц) Vue.js. Поскольку мы использовали @ vue / cli для установки нашего проекта, импортировать эту библиотеку несложно, просто используйте следующую команду в корне нашего проекта:

FR: Налейте начальные ауроны по принципам больших плюсов. Комментарии относительно vue-router системы маршрутизации (изменение страницы) Vue.js. Вы можете использовать @ vue / cli для установщика notre projet, il n’est pas Complqué d’importer cette librairie, il suppit d’utiliser la commande suivante à la racine de notre projet:

vue add router

EN: появляется вопрос, хотите ли вы использовать режим vuz-router «История», введите «Y» вместо «Да»

FR: Не вызывает вопросов: используйте утилиту для использования в режиме «History» от vue-router, запишите «Y» для «Да»

EN: это обновляет дерево вашего проекта, изменяя packlage.json и некоторые компоненты так, чтобы главный файл приложения ./src/main.js scheme. Позже мы увидим, как работает маршрутизатор Vue.js. В любом случае предоставляю вам документацию: «https://router.vuejs.org/

Переходим к установке Vuex. Vuex - это библиотека, которая позволяет вам управлять состоянием ваших компонентов. Он предоставляет Vue.js глобальное хранилище для вашего приложения, которое позволяет обмениваться данными между всеми компонентами (включая родительские и дочерние).

FR: Я познакомился с разработкой проекта и модифицирующим материалом packlage.json и определенными композитами, не имеющими принципиального значения для приложения ./src/main.js. .Nous verrons плюс поздний комментарий о Router de Vue.js. Je vous fourni la documentation dans tous les cas: «https://router.vuejs.org/. Passons maintenant à l’installation de Vuex.

Vuex est une librairie qui permet de gérer l’état de vos composants. Четыре на Vue.js un store global votre application qui permet d’effectuer des échanges enfants les composants (parent et enfants)

vue add vuex

EN: последняя библиотека, которая нам понадобится, - это Jest для модульных тестов (мы рассмотрим это в последних частях). Но чтобы потом не заморачиваться, давайте сразу настроим библиотеку с помощью команды:

FR: La dernière librairie dont nous aurons besoin is Jest pour les tests unitaires (nous étudierons ça dans les dernières party). Mais pour ne pas s’embêter plus tard installons la librairie tout de suite grâce à la commande:

npm install jest babel-jest vue-jest --save-dev

RU: Наконец, имейте в виду, что @ vue / cli автоматически создает сценарии запуска и сборки для вашего проекта Vue.js.
Они находятся в. Файл /package.json в корне проекта.

В объекте «scripts» вы найдете 2 наиболее важных скрипта «serve» и «build» которые служат соответственно для запуска сервера и для сборки приложения. Их легко запустить благодаря командам:

FR: Enfin, sachez que @ vue / cli для автоматизации создания скриптов выполнения и сборки для этого проекта vue.js.
./package.json à la racine du projet

Изобр. «скриптов» против 2-х скриптов, плюс важные «serve» и «build» для соответствия серверу lancer le serveur et à build l'application. Il est fasile de les lancer grâce aux commands:

npm run serve
npm run build

Готово. Теперь нажмите на Github:

git add .
git commit -m " Add first dependencies" 
git pus

СПАСИБО 😊

Следующий шаг: открытие дерева и первого компонента
ЧАСТЬ. ДОСТУПНЫ 3 ФРАНЦУЗСКАЯ ВЕРСИЯ и АНГЛИЙСКАЯ ВЕРСИЯ

CLAP - EMAIL МНЕ - СВЯЗАТЬСЯ СО МНОЙ НА LINKEDIN - ПОДЕЛИТЬСЯ ЭТОЙ СТАТЬЕЙ 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀