Найти в Дзене

Шпаргалка фронтендера

Как часто вам приходится "поднимать" проект "с нуля"? Ох уж эти команды, которые нужно запоминать. Особенно сложно это, когда твои пальцы ещё не кладутся на клавиатуру сразу на "npm" (или "yarn", "bun" и прочие из семейства). Собственно, эта entity типа "Статья" поможет вам для быстрого старта. В данной статье я буду пользоваться только npm. Люди на опыте (что вы тут делаете?) могут сказать, что это не самый хороший выбор, но оставим эту нудятину за рамками этой статьи. Всё же я пишу по бОльшей части для новеньких, а им до этих тонкостей ещё расти имхо. Базового npm вполне достаточно для начала. Инициализация проекта: npx create-react-app@latest my-app Опционально можно добавить в конце флаг --template typescript Затем не забываем перейти в папку новосозданного проекта командой cd. Запуск проекта: npm start Инициализация проекта: npx create-next-app@latest И тут тоже не забудьте воспользоваться командой cd. Запуск проекта: npm run dev Инициализация проекта: npm create vue@latest Запуск
Оглавление

Как часто вам приходится "поднимать" проект "с нуля"? Ох уж эти команды, которые нужно запоминать. Особенно сложно это, когда твои пальцы ещё не кладутся на клавиатуру сразу на "npm" (или "yarn", "bun" и прочие из семейства). Собственно, эта entity типа "Статья" поможет вам для быстрого старта.

3 most popular npm commands
3 most popular npm commands

В данной статье я буду пользоваться только npm. Люди на опыте (что вы тут делаете?) могут сказать, что это не самый хороший выбор, но оставим эту нудятину за рамками этой статьи. Всё же я пишу по бОльшей части для новеньких, а им до этих тонкостей ещё расти имхо. Базового npm вполне достаточно для начала.

React

Инициализация проекта:

npx create-react-app@latest my-app

Опционально можно добавить в конце флаг --template typescript

Затем не забываем перейти в папку новосозданного проекта командой cd.

Запуск проекта:

npm start

Next.js

Инициализация проекта:

npx create-next-app@latest

И тут тоже не забудьте воспользоваться командой cd.

Запуск проекта:

npm run dev

Vue.js

Инициализация проекта:

npm create vue@latest

Запуск проекта:

npm run dev

Nuxt.js

Инициализация проекта:

npm create nuxt@latest

Запуск проекта:

npm run dev -- -o

Angular

Прежде чем проинициализировать проект, нужно загрузить CLI. Сделать это можно командой

npm install -g @angular/cli

Инициализация проекта:

ng new my-app

Переходим в проект командой cd.

Запуск проекта:

npm start

Svelte

Инициализация проекта:

npx sv create myapp

Для перехода в папку проекта нужно запустить команду cd.

Запуск проекта:

npm run dev

На этом мой список подошёл к концу. Сохраняйте и пользуйтесь!