Yarn berry 로 React 프로젝트 생성

=== Windows ===

npx create-react-app react-test --template typescript
cd react-test
yarn set version berry
rmdir node_modules /s /q
del package-lock.json 
echo nodeLinker: pnp >> .yarnrc.yml
yarn install
yarn dlx @yarnpkg/sdks vscode
yarn add eslint-config-prettier -D
del src\App.test.tsx
yarn start

 

=== Macintosh ===

npx create-react-app react-test --template typescript
cd react-test
yarn set version berry
rm -rf node_modules
rm -rf package-lock.json 
echo 'nodeLinker: pnp' >> .yarnrc.yml
yarn install
yarn dlx @yarnpkg/sdks vscode
yarn add eslint-config-prettier -D
rm -rf src/App.test.tsx
yarn start

 

0) package.json의 extends에서 react-app를 삭제

"extends": [ "react-app" ]

 

1) code . 로 vscode 실행

==> Ctrl + Shift + P 입력 후 Typescript 선택

​

​

2) 아래 확장 모듈 설치