2023. 1. 14. 22:40ㆍ리액트
윈도우에서 개발환경 만들기
설치할 개발 도구
- Node.js
- VSCode
- scoop
- Homebrew
- touch
- Chrome
scoop
윈도우용 설치 프로그램으로 brew나 apt 같은 방식으로 명령 줄에서 프로그램을 쉽게 설치하게 해준다.
scoop로 설치한 도구들은 파워셀에 scoop update * 명령으로 한번에 update 할 수있다.
- 윈도우 시작 단추를 마우스 오른쪽 클릭후 [Window PowerShell] 선택
- 환경변수 설정
$env:SCOOP='C:\Scoop'
[Environment]::SetEnvironmentVariable('Scoop', $env:SCOOP, 'User')
- 윈도우 실행 규칙 변경
Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -scope CurrentUser
- 설치
iwr -useb get.scoop.sh | iex
- git과 aria2 프로그램 추가 설치
scoop install git aria2
Node.js
Noje.js는 자바스크립트로 웹 서버를 개발하는 프로그램이다.
- 파워셀에서 명령어 입력해 설치후 버전 확인
scoop install nodejs-lts
node -v
VScode
마이크로소프트에서 제공하는 오픈소스 코드 편집기
- 파워셀에서 명령어 입력해 설치
scoop bucket add extras
scoop install vscode
- 디렉터리나 소스 파일을 마우스 오른쪽으로 눌렀을 때 VSCode로 실행할 수 있도록 명령어 입력
cd c:\scoop\apps\vscode\current
./install-context.reg
이제 c:에서 원하는 이름의 폴더를 만들고 마우스오른쪽- open with code를 선택하면 vscode가 실행된다.
touch
- macOS나 리눅스에서 간단한 명령으로 파일이나 디렉터리를 만들어주는 유틸리ㅣ이다. 윈도우는 touch를 기본으로 제공하지 않으므로 명령어를 입력해 설치해준다.
scoop install touch
chrome
- 크롬 설치
scoop install googlechrome
'리액트' 카테고리의 다른 글
리액트(5)- 프로젝트 구조(package.json, 웹팩과 번들, 빌드모드, 개발모드) (1) | 2023.01.22 |
---|---|
리액트(4)- npm, npx, 프로젝트 생성 (0) | 2023.01.15 |
리액트(3)- VSCode 타입스크립트 개발환경 설정 (1) | 2023.01.15 |
리액트(1) - SPA, 템플릿엔진 (0) | 2023.01.14 |