|
|
@@ -0,0 +1,35 @@
|
|
|
+[К содержанию](../readme.md#введение-в-web-разработку)
|
|
|
+
|
|
|
+# Введение во Vue
|
|
|
+
|
|
|
+1. [Vue 3: Введение](https://v3.ru.vuejs.org/ru/guide/introduction.html)
|
|
|
+1. Создание проекта
|
|
|
+
|
|
|
+ >Для новых проектов теперь рекомендуется использовать `create-view` для создания проектов на основе Vite.
|
|
|
+
|
|
|
+ >Для работы с проектами на **Vue** необходим **NPM** (англ. Node Package Manager) — менеджер пакетов, входящий в состав Node.js.
|
|
|
+
|
|
|
+ Создание **Vue** проекта:
|
|
|
+
|
|
|
+ ```
|
|
|
+ npm init vite@latest
|
|
|
+ ```
|
|
|
+
|
|
|
+ Процесс инициализации проекта интерактивный. Установщик предлагает ввести название проекта и выбрать нужные пакеты (практически все можно оставить по-умолчанию):
|
|
|
+
|
|
|
+ * `Project name:` - название проекта (по-умолчанию предлагает `vue-project` - можете оставить его)
|
|
|
+ * `Add TypeScript?` - оставляем `No`
|
|
|
+ * `Add JSX Support?`
|
|
|
+ * `Add Vue Router...`
|
|
|
+ * `Add Pinia...`
|
|
|
+ * `Add Vitest...`
|
|
|
+ * `Add Ent-to-End Testing Solution`
|
|
|
+ * `Add ESLint` - меняем на `Yes`
|
|
|
+ * `Add Prettier` - меняем на `Yes`
|
|
|
+
|
|
|
+ После инициализации проекта в текущем каталоге появится папка с именем проекта, который вы ввели
|
|
|
+
|
|
|
+1. Продолжаем изучать [JavaScript](https://learn.javascript.ru/property-accessors)
|
|
|
+
|
|
|
+
|
|
|
+[Назад](./web_08.md) | [Дальше](./web_10.md)
|
Евгений Колесников