Como usar no sublime

Olá, Felipe! Como vai você?

Essa é uma iniciativa muito bacana e já vai te ajudar a se habituar com os editores de código. Você pode também seguir no curso com o editor web do p5.js e após finalizá-lo, poderá trabalhar no VsCode ou Sublime Text.

O p5.js é uma biblioteca JavaScript que foi feita para educadores, artistas e iniciantes em programação. A ideia é facilitar a escrita de código durante a elaboração da lógica e deixar o html e css "pré-prontos" para o uso. Por conta disso, não é necessário muita coisa para rodar o p5.js em editores de código, basta você salvar os arquivos e visualizar o projeto no seu navegador. Vou deixar um pequeno tutorial:

Download P5.js Biblioteca

• Acesse website do P5.js .

• Selecione o link "complete p5.js " que possui a biblioteca e o projeto de exemplo.

• Descompacte o arquivo p5.zip .

• O conteúdo do arquivo p5.zip :

   

Escrevendo no editor Sublime ou VsCode

• Abrir Sublime Text

• Clique em Arquivo -> Abrir (File -> Open)

• Encontre a pasta 'empty-example' na sua pasta Downloads

• Clique na pasta 'empty-example'

• Clique em 'Abrir' (Open)

   

Para rodar seu projeto:

• Salve seu programa e as modificações no Sublime Text (File->Save)

• Abra um navegador da web (como Chrome, Safari, Firefox, Internet Explorer)

• Clique em Arquivo-> Abrir Arquivo (File->Open File)

• Escolha o arquivo 'index.html' dentro da pasta 'empty-example'

• Clique em 'Abrir (Open)

   

Para rodar seu projeto no VsCode:

• Você pode simplesmente adicionar uma extensão do p5.js

• p5js live editor

• p5.vscode

• Após a instalação da extensão, pode abrir o arquivo html e rodar no seu navegador favorito.

   

Espero que as informações tenham ajudado.

Para mais informações, você pode acessar o conteúdo desse tutorial (em inglês): https://coursescript.com/notes/interactivecomputing/gettingstarted/

Um abraço e bons estudos!