예전에 윈도우 시스템변수 사용자변수에 시달려서 그런지 30분안에 끝났엇다.
예전에는 환경 세팅하나 하나가 힘들지만, 요즘에는 금방 에러 보고 잘 해결하는 모습이 뿌듯한데
유닉스 기반 OS를 억지로 windows에 넣는다는 느낌은 지울수가 없엇다.
윈도우에서 VSCODE와 Git bash로 세팅하는 글은 없길래
처음 리엑트를 시작하시면 보고 도움이 되셧으면 한다.
git은 사전에 설치되어있고
node.js, yarn은 공식 홈에서 .msi로 D드라이브에 설치해주었다
git bash 에서 명령어로 설치 버전 확인
$ yarn --version
/c/hadoop/bin/yarn: line 60: /c/hadoop/bin/../libexec/yarn-config.sh: No such file or directory
No HADOOP_CONF_DIR set.
Please specify it either in yarn-env.sh or in the environment.
하둡의 yarn과 충돌로 c드라이브 하둡은 완전압축해버림
압축후 잘됨
VSCODE로 와서 터미널을 열면 cmd나 파이썬으로 되어있을것 같은데
기본셸열기를 눌러 git을 선택후 + 버튼을누르면 여러 터미널을 관리할수 있음 (이건 VS CODE 에디터와 친숙해져야 어떻게 돌아가는지 알겁니다)
git bash 으로하고 + 누르면 bash 터미널이생김
Ryu@DESKTOP-BS79HL2 MINGW64 /d/react-movie
$ npx create-react-app react-movie
npx: 91개의 패키지를 11.159초만에 설치했습니다.
Creating a new React app in D:\react-movie\react-movie.
설치해주면됨
이런식으로 코드열어도 되고 폴더로 열어도됨
Ryu@DESKTOP-BS79HL2 MINGW64 /d/react-movie
$ cd react-movie
Ryu@DESKTOP-BS79HL2 MINGW64 /d/reac
t-movie/react-movie (master)
$ yarn start
하면
리로드됨
끄고싶을때 ctrl c누르면됨
vs코드밑에 터미널에서는
기본셸을 선태긍로 배쉬로 바꾸어주고
위의 yarn start해주자!
추가적으로 yarn의 경우 VSCODE 내 git에서 실행할 경우 시스템변수를 읽는게 아닌
사용자변수에서 읽어 오기 때문에
기본적으로 사용자 변수가 AppData하위 폴더로로 설정되는데
나같은 경우 D드라이브에 설치해서 설정을 바꿔줘야 VSCODE 내 Git Bash 내에서 나의 얀을 인식을 할수 있엇다