37 lines
2.8 KiB
HTML
37 lines
2.8 KiB
HTML
<h1>Подготовка среды разработки</h1>
|
||
<h2>Программное обеспечение</h2>
|
||
<p>
|
||
Что вам потребуется для создания первого приложения на Vue.js? Самый минимум - это текстовый редактор и
|
||
наличие интернета, но мы пойдём другим путём, возьмём инструменты разработки для взрослых, а именно:
|
||
менеджер пакетов npm или yarn, систему контроля версий Git и редактор исходного кода (В моём случае это
|
||
Visual Stido Code, но вы можете использовать любой другой).
|
||
</p>
|
||
<p>
|
||
Нужен ли вам yarn - решайте сами, сравнений в интернете много, вот одно из них:
|
||
<a href="http://prgssr.ru/development/yarn-ili-npm-vse-chto-vam-nuzhno-znat.html" target="_blank">Yarn
|
||
или npm: все, что вам нужно знать о них</a>. Я в данном руководстве буду его использовать, но если вы
|
||
решили его не устанавливать, то перевести команды в формат npm не составит труда.
|
||
</p>
|
||
|
||
<h3>Ссылки</h3>
|
||
<p>
|
||
<ol>
|
||
<li>npm: <a target="_blank" href="https://www.npmjs.com/get-npm">https://www.npmjs.com/get-npm</a></li>
|
||
<li>yarn: <a target="_blank" href="https://www.yarnpkg.com/ru/docs/install#windows-stable">https://www.yarnpkg.com/ru/docs/install#windows-stable</a></li>
|
||
<li>Git: <a target="_blank" href="https://git-scm.com/downloads">https://git-scm.com/downloads</a></li>
|
||
<li>Visual Studio Code: <a target="_blank" href="https://code.visualstudio.com/download">https://code.visualstudio.com/download</a></li>
|
||
</ol>
|
||
</p>
|
||
|
||
<h3>Установка vue-cli</h3>
|
||
<p>
|
||
Установив менеджер пакетов, перейдём к установке vue-cli с помощью которой в будущем будем создавать наши
|
||
великие и не очень проекты. Делается это командой <code>yarn global add @vue/cli</code> если вы решили
|
||
использовать yarn или <code>npm install @vue/cli -g</code> если выбор пал на npm. Также имеет смысл сразу
|
||
установить пакет vue/cli-upgrade для обновления vue-cli в будущем.
|
||
</p>
|
||
|
||
<p>
|
||
На этом установка инструментария для дальнейшей работы завершена, переходим к настройке среды разработки
|
||
и созданию нового проекта.
|
||
</p> |