VSCode에서 Processing 사용하기

VSCode에 Processing 연결하기

1. Processing 페이지로 이동

2. 자신 환경에 맞는 버전으로 다운로드

processing 다운로드 페이지

3. 내 PC > Local Disk(C:) > Program Files로 이동

4. 다운받은 processing을 Program Files 폴더로 이동시킨 뒤 .zip 파일을 해제

최종 경로가 아래와 같아야합니다.

C:\Program Files\processing-4.3

5. 환경변수 편집을 위해 Edit the system environment variables로 이동

6. Advanced > Environment Variables 클릭

7. System variables > Path 더블클릭

8. New 버튼 클릭 후 최종 경로 붙여넣기

4.3이 아닌 다른 버전으로 진행하셔도 되지만 이외 경로는 동일해야합니다.

C:\Program Files\processing-[버전은 변경되어도 문제 없습니다]

9. OK 버튼 클릭 *2

10. VS code 페이지로 이동해서 다운로드 및 설치

자신 환경에 맞는 버전으로 다운로드 후 설치까지 진행해주시면 됩니다.
설치 시 추가적으로 진행해야할 것은 없습니다.
VSCode 다운로드 페이지

11. VScode를 열어 Extensions를 클릭

12. Processing 검색

13. 상단에 나오는 두 개의 extensions 모두 설치

여기까지 진행하셨다면 Processing을 VS Code에서 사용가능합니다:)

VS Code에서 Processing 실행

1. File > Open Folder 폴더열기

2. 폴더이름과 동일한 파일 만들기

파일 확장자는 .pde로 지정해주세요

3. Ctrl + Shift + P 단축키 눌러 검색창을 열어주세요

4. processing 검색

5. Create Task File 클릭

6. 나오는 목록 중 현재 연 폴더와 동일한 경로의 폴더 클릭

.vscode 폴더가 생겼다면 해당 processing을 실행시킬 수 있다라는 소리입니다

7. 다시 한번 Ctrl + Shift + P 단축키 눌러 검색창을 열고 processing 검색

8. Run Processing Projecct 클릭

이건 processing 파일을 실행시킨다라는 것입니다.
해당 리스트 클릭하면 오른쪽 상단에 초록색 플레이 버튼이 생깁니다.
계속해서 단축키를 눌러 실행시키는 것이 아니라 초록색 플레이 버튼을 클릭하여 실행시켜 주시면 됩니다:)