It will be really worth your time to set you computer up for class. The tools you need are discussed at Tools for 559.
Here are some steps that I used to set up a new Windows laptop for working on class projects. This can give you a sense of how to get the things on the Tools for 559 page setup on your machine. It will probably be different for you. If you have a Mac or are running Linux, I can’t provide as much help (but other Course Staff can). This is a bit old.
Make sure that you’ve already installed Firefox and/or Chrome.
- We will Chrome to grade your assignments. You will want to have it available to test things, even if you prefer Firefox.
- I generally use Firefox as my web browser, and Chrome for programming (just to keep the two separate).
Install GIT for Windows https://git-scm.com/download/win
- other systems have it installed already
- you might get this when you install other tools
- You need the command line GIT tools even if you use GUI tools.
Set up private keys for GitHub in GIT.
- See Git Setup and SSH configuration
- This will save you a lot of time
- It can be tricky to get right, which is why we made a whole page about it. Ask for help if you need it.
Install Node from https://nodejs.org/en/
- We won’t use node directly, but it is handy to have becuase it allows you to install other things.
- Use this to install useful Node services. Note that you need to use the
-goption so that the programs are available everywhere on your computer.
npm install -g http-server- This is the web server we will use to test your programs.
npm install -g jshint
I picked jshint, but could have used eslintthe TAs have convinced me to switch to eslint
- eslint is fancier and more flexible, jshint works out of the box
Install Visual Studio Code https://code.visualstudio.com/
- We strongly recommend using Visual Studio Code for class. See the Visual Studio Code (VSCode) for CS559 page for more thoughts on this. You are welcome to use other tools,
- I recommend going through the “Interactive Playground” (under the Help menu)
- If you open up the extensions page (File/Preferences/Extensions), you can add other Extensions
Debugger for Chrome (or Firefox, or both)the debugger is now built in
- live server
jshint(eslint seems to come by default)
- add “Shader Languages Support for VS Code”