ershisan99/flashcards-docs
1
0
Fork 0
mirror of https://github.com/ershisan99/flashcards-docs.git synced 2025-12-17 05:09:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: update scripts in lesson 1

Browse Source
This commit is contained in:
andres
2023-12-09 17:24:30 +01:00
parent 5cb260465d
commit 23a06d4a30
1 changed files with 9 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
pages/lesson-1/chapter-1.ru.mdx
View File

@@ -28,7 +28,8 @@ pnpm create vite
## Инициализация git ## Инициализация git
В отличие от create-react-app, vite не инициализирует git репозиторий автоматически, поэтому нам нужно сделать это вручную: В отличие от create-react-app, vite не инициализирует git репозиторий автоматически, поэтому нам
нужно сделать это вручную:
```bash filename="Terminal" ```bash filename="Terminal"
git init git init
@@ -56,9 +57,12 @@ pnpm i sass -D
### Конфигурация Vite ### Конфигурация Vite
В файле vite.config.ts добавьте следующий код: Замените код в `vite.config.ts` на следующий:
```ts filename="vite.config.ts" ```ts filename="vite.config.ts"
import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'
import * as path from 'path' import * as path from 'path'
export default defineConfig({ export default defineConfig({
@@ -189,7 +193,7 @@ module.exports = {
{ {
"scripts": { "scripts": {
"format": "prettier --write src", "format": "prettier --write src",
"lint": "eslint . --ext .jsx,.js,.tsx,.ts --no-error-on-unmatched-pattern --fix && stylelint --fix src/{,*/}*.{scss,css} --allow-empty-input" "lint": "eslint src --ext .jsx,.js,.tsx,.ts --no-error-on-unmatched-pattern --fix && stylelint --fix src/{,*/}*.{scss,css} --allow-empty-input"
} }
} }
``` ```
@@ -221,8 +225,8 @@ pnpm run format
pnpm run lint pnpm run lint
``` ```
Некоторые ошибки eslint не исправляются автоматически, поэтому вам придется сделать это самостоятельно, например: Некоторые ошибки eslint не исправляются автоматически, поэтому вам придется сделать это
![eslint-error-main.png](./images/eslint-error-main.png) самостоятельно, например: ![eslint-error-main.png](./images/eslint-error-main.png)
Постарайтесь разобраться сами, если не получится - замените содержимое файла main.tsx на следующее: Постарайтесь разобраться сами, если не получится - замените содержимое файла main.tsx на следующее:
@@ -240,12 +244,6 @@ createRoot(document.getElementById('root') as HTMLElement).render(
) )
``` ```
<Callout type={'warning'}>
Наш eslint конфиг использует плагин import\/order, который требует, чтобы ваши файлы **css/scss
были размещены либо первыми, либо последними в импортах** (см. пример выше), иначе вы получите
неразрешимые ошибки.
</Callout>
## Итоговая структура папок ## Итоговая структура папок
Так должна выглядеть структура папок к концу этой главы: Так должна выглядеть структура папок к концу этой главы: