Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
p5js-local-server [2024/02/20 21:30] renickp5js-local-server [2024/03/06 22:41] (current) renick
Line 58: Line 58:
  
 https://www.npmjs.com/package/http-server https://www.npmjs.com/package/http-server
 +
 +On a Mac, I recommend this process:
 +
 +  - In your Documents folder, create a folder called 'javascript'.
 +  - In that folder, run the command: npm install http-server.
 +
 +Here's a tutorial on using the terminal on a Mac: https://macpaw.com/how-to/use-terminal-on-mac
 +
 +Here's a tutorial on using the terminal on a Windows: https://www.freecodecamp.org/news/command-line-commands-cli-tutorial/
  
 ===== make a directory for your project ===== ===== make a directory for your project =====
Line 64: Line 73:
  
 {{::p5js-download.jpg?400|}} {{::p5js-download.jpg?400|}}
 +
 +I'd put this in the javascript directory that you made above.
  
 ===== put the necessary files in the directory ===== ===== put the necessary files in the directory =====
Line 88: Line 99:
  
 {{::httpserver-example.png|}} {{::httpserver-example.png|}}
 +
 +If http-server is not in your system PATH, then you need to call it explicitly with the path to the binary executable. That's in the location ./node_modules/.bin/. That means you'll have to launch http-server with a command like (but be sure to adjust the path correctly!):
 +
 +   ./node_modules/.bin/http-server
 +   
 +For more on paths, see this tutorial: https://www.geeksforgeeks.org/absolute-relative-pathnames-unix/
  
 ===== use your browser to access the IP address indicated by http-server ===== ===== use your browser to access the IP address indicated by http-server =====
  • p5js-local-server.1708493429.txt.gz
  • Last modified: 4 months ago
  • by renick