[phpstorm]간단세팅 -JS, React

Phpstorm 은 PHP뿐만아니라Javascript, Node.js, React, Angular, Vue.js를 모두 지원한다.

 

(PHP 및 웹 프로젝트를 위한 개발 도구임)

 

phpstorm에서 JS, TS를 사용하려면 플러그인으로 세팅을 먼저해줘야함.

 

1. nodejs 설치

https://nodejs.org/en/download

 

2. phpstorm 설치 (당연함)

 

3. node.js path 확인

where node
//cmd창

4. npm 설치

 

 

5. editConfiguration

https://www.jetbrains.com/help/phpstorm/node-js-interpreters.html#ws_node_interpreters_dialog_open_from_rc

Node.js Interpreters Dialog | PhpStorm

---

 

프로젝트는 이렇게 추가

---

phpstorm에서 nodemon 사용하려면 terminal 에 아래와 같이 입력

 

npm install -g nodemon

설치 후 재시작하기.

 

nodemon은!

powershell에서 권한을 바꿔줘야한다. (권한바꿀때 관리자권한으로 실행해야됨. 꼭! )

 

이렇게바꿔주기

짠

---

이제 React 세팅을 해보자

 

 

이 문서를 참고하도록!

 

https://www.jetbrains.com/help/phpstorm/react.html#creating_react_app_with_create_react_app

React | PhpStorm

---

plugin은 이렇게 하면됨ㅋ

 

요기에 이렇게!

---

참고영상

 

https://www.youtube.com/watch?v=yYbfB7z9Ld0