본문 바로가기

메타인지/TIL

TIL 9/15 윈도우에서 React 환경세팅, VSCODE 내 Gitbash로 환경 구축기

예전에 윈도우 시스템변수 사용자변수에 시달려서 그런지 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 내에서 나의 얀을 인식을 할수 있엇다

 

이야 잘된다 

'메타인지 > TIL' 카테고리의 다른 글

TIL 09/17  (0) 2019.09.17
TIL 09/16  (0) 2019.09.16
TIL 09/14  (0) 2019.09.14
TIL 09/13  (0) 2019.09.13
TIL 09/12  (0) 2019.09.12