Часть. 1: Установка Vue 3 и загрузка на Github
RU: Если вы не читали мое введение к этому руководству, я приглашаю вас прочитать его сейчас, я представляю полную программу
FR: Si vous n’avez pas lu mon Introduction à ce tutoriel, je vous seek à aller la lire dès maintenant, je présente le program complete
FR: Le but de ce tutoriel n'est pas de présenter Vue.js, son Historique ou le comparer à ces concurrents mais simplement de vous exploer comment apprendre facilement les базисы и эссеистер де плюс en plus loin à chaque наставник
RU: Для начала вам понадобятся всего 2 вещи: Node.js и IDE (текстовый редактор), я настоятельно рекомендую Visual Studio Code (он легкий, имеет множество расширений и довольно модный. в этот момент)
FR: Залейте начальный vous n'avez из двух вариантов: Node.js et un IDE (éditeur de texte), желательно закрепить Visual Studio Code (il est léger, dispose de nombreuses extensions, и так далее. à la mode en ce moment)
Выберите свое устройство. Для меня это Windows 10 (64-разрядная версия)
RU: Существует две версии: текущая версия (менее стабильная) и рекомендуемая версия (наиболее стабильная версия).
Советую взять рекомендованную версию (в настоящее время 10.16.2)
FR: Или две версии: La version actuelle (moins stable) et la version Recommandee (la plus stable).
Je vous consille de prendre la version Recommandee (actuellement 10.16.2)
RU: Больше нечего делать. Из Node у вас есть доступ к NPM (его диспетчеру пакетов, который упрощает установку библиотек)
Первым, что нам нужно будет установить, является интерфейс командной строки Vue.js (vue-cli)
Ф.Р .: Il n’y a rien de plus à faire. Часть Node vous avez accès à NPM (son gestionnaire de paquets, pour faire simple il permet d'installer des librairies)
Премьера того, что nous aurons связана с установщиком, является «Интерфейсом командной строки» (Interface en ligne de commande) (vue-cli) де Vue.js
Для этого откройте терминал 😊
npm install -g @vue/cli
RU: Теперь мы можем инициализировать наш проект (каталог Project Vue и Github). Со своей стороны, я создам папку / github в корне своего диска, в которую я буду помещать все свои проекты.
FR: Maintenant, nous pouvons initialiser notre projet (Projet Vue et répertoire Github) Pour ma part je vais créer un dossier / github à la racine de mon disque dans lequel je mettrai tous mes projets
Чтобы инициализировать проект Vue.js:
vue create PROJECT_NAME
Для меня это vue create vue-tutorial.
RU: если у вас есть какие-либо проблемы (например, «несовпадение версий»), напишите эту команду.
FR: En cas de soucis de version qui ne корреспондент pas, écrivez cette commande:
npm install -g vue@latest
EN: вы получите запрос на выбор шаблона по умолчанию, который вы хотите использовать. (Babel / Eslint или Manuel) выберите Babel / Eslint
Это упростит поиск ошибок в вашем коде. Мы вернемся к этому позже.
Если вы выберете второй вариант, ничего страшного, просто выберите «Вавилон» и «ЛИНТЕР» и добавьте на данный момент «Маршрутизатор», «Vuex» и «Модульное тестирование»
FR: Все полученные данные требуются для выбора предустановки (шаблона) по умолчанию от используемого средства. (Babel / Eslint ou Manuel) choisissez Babel / Eslint
Устранение ошибок и устранение ошибок в коде. Nous y reviendron plus tard.
RU: Хорошая практика при использовании новой очень общей команды, такой как «create vue», - сообщить вам, что вы должны знать все параметры, которые она принимает. (либо в документации, либо благодаря аргументу - help)
FR: Une bonne pratique lorsque vous utilisez une nouvelle commande très généralecom «vue create» - это вы всегда имеете право на то, чтобы все параметры были приняты. (soit sur la documentation soit grâce à l’argument - справка)
vue create --help
EN: vue-cli также предоставляет вам графический интерфейс для создания ваших проектов и / или добавления новых библиотек, но мне не нравится этот интерфейс, я считаю, что командные строки намного быстрее, и нам легче увидеть наш прогресс.
FR: vue-cli vous fournit également une графический интерфейс для создания новых проектов и / или новых библиотек, mais je n'aime pas trop cette interface, je Trouve les lignes de commandes beaucoup plus rapide, et on voit plus Facilement Notre Avancée.
vue ui
Перейдите на http: // localhost: 8000, чтобы увидеть интерфейс.
EN: если вы уже использовали Vue.js раньше. (Версия меньше 3) вы знаете, что мы использовали «init vue» для инициализации проекта Vue.js. Вы можете найти эту команду, установив:
FR: Вы можете использовать Vue.js auparavant. (Версия ниже 3) Вы сохраняете новые утилиты «vue init» для инициализатора и проекта Vue.js. Vous pouvez retrouver cette command en installant:
npm install -g @vue/cli-init
Вы можете запустить «Проект Vue 2.0» с помощью:
vue init webpack PROJECT_NAME
RU: теперь вы можете позиционировать себя в своем проекте и устанавливать все зависимости с помощью команды
FR: Vous pouvez maintenant vous positionnez dans votre projet et installer toutes les dépendances grâce à la commande
npm install
EN: будут установлены зависимости, расположенные в файле package.json вашего проекта, который является файлом конфигурации по умолчанию.
FR: Эта программа установки требует наличия зависимостей от файла package.json для всего проекта, который задает конфигурацию по умолчанию
RU: После установки основных зависимостей вам не о чем беспокоиться. Но если у вас есть уязвимости, не бойтесь выполнить следующую команду, чтобы исправить проблемы с зависимостями:
FR: Vous ne devriez pas escapeir de soucis après l’installation des dépendances Principales. Mais si vous avez des vulnérabilités, n’hésitez pas à réaliser la commande suivante pour corriger les soucis de dependances:
npm audit fi
Если вы хотите начать свой проект:
npm run serve
EN: теперь вы можете инициализировать каталог github в своем проекте, выполнив команду
FR: Vous pouvez maintenant initialiser un répertoire github au sein de votre projet en exécutant la command
git init
😊 СЕЙЧАС: перейдите на Github
Выберите имя
Выберите «Общедоступно».
И не создавайте файл Readme
EN :
Создайте файл readme из консоли (1)
Добавьте все файлы вашего проекта, чтобы отправить их в Git (2)
Создайте фиксацию с сообщением (3)
Выберите хорошее происхождение (4)
Поместите этот коммит в новый каталог (5)
FR :
Créez un fichier Readme à part de la console (1)
Добавлен проект для посланника на Git (2)
Créez un Commit avec message (3)
Выбор из бонна origine (4)
Poussez ce commit sur votre nouveau répertoire (5)
git add README.md (1) git add . (2) git commit -m "Initial Commit" (3) git remote add origin https://github.com/YOUR_NAME/vue-tutorial.git (4) git push --set-upstream origin master (5)
СПАСИБО 😊
RU: следующий шаг: установка основных зависимостей и поиск наиболее полезных инструментов
FR: Prochaine étape: Installation des dépendances Principales et découverte des différents outils
→ ЧАСТЬ. 2 ←
CLAP - EMAIL МЕНЯ - СВЯЗАТЬСЯ СО МНОЙ НА LINKEDIN - ПОДЕЛИТЬСЯ ЭТОЙ СТАТЬЕЙ
😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀 😀
