P5.js Atom Setup

1. P5.js 라이브러리 다운받기

https://p5js.org/ko/download/

 

2. Atom 설치하기

https://atom.io/

 

3. Atom Pacakage 설치하기

Ctrl + ,  를 눌러서 setting 에 들어가고 Install 탭에서 설치

 

atom-live-serve
p5xjs-autocomplete
atom-beautify

 

하려고했는데 안됨

원인

(혹시 애드가드를 사용중이라면 끄고 검색해야한다)

 

4. P5.js 라이브러리 다운

https://p5js.org/ko/download/

다운받은 P5 라이브러리 안에있는 이 폴더를 복사해서 원하는 이름으로 바꿔주고 Atom 에서 열어준다.

 

스케치파일 코드 작성하고 html 파일 열어보니까 에러뜨고 안됨 

여기 저 .. 에 라이브러리 폴더경로를 써줘야되는거였다

 

*자동정렬 ctrl + alt + B

 

 

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