A bunch of default stuff in a project, because it's hard to remember all of this stuff every time you want to start a new thing.
- Install Git
- Git is already installed on OSX, so this may require no effort
- (optional) Update Git to the latest version
- Install Node.js
- (optional but recommended) Don't install Node.js directly; install NVM instead
- (optional but recommended) Install the LTS version of Node.js (currently v4.2.x)
- Download Sublime Text 3 from here and install it as per your operating system
- Improve your terminal
- To add the
subl
command to your terminal, add the following line to your.bashrc
file (or.zshrc
if you're using zshell):alias subl='/Applications/Sublime\ Text.app/Contents/SharedSupport/bin/subl'
- To set Sublime Text as your default editor, add the following linadd the following line to your
.bashrc
file (or.zshrc
if you're using zshell):export EDITOR='subl -w'
- Install Package Control
- Install useful plugins
- All Autocomplete - autocomplete suggests words contained in all open files
- Babel - improved JavaScript syntax highlighting, including ES6 and JSX 1. To get improved syntax highlighting via the Babel plugin, you must first open a .js file and in the top menu select: View > Syntax > Open all with current extension as > Babel > JavaScript (Babel)
- EditorConfig - automatically make your line endings and tabs follow the project's prescribed guidelines
- GitGutter - show added or deleted lines to the left of line numbers
- SublimeLinter - run a linting tool against a file open save
- SublimeLinter-contrib-eslint 1. Note that this plugin may require a bunch of setup that I'm too lazy to put here right now, but it's totally worth the pain to get it working
- (optional) Create your own fork of this repository
- Create a local clone of this repository (or your own fork)
- Inside the project directory, install all of the project's dependencies with the following command:
npm install
- Verify that all dependencies are met and the development environment runs correctly
- Inside the project directory, start the development server with the following command:
npm start
- Open up a browser and verify that the text "Hello, Sea World!" appears on the page by navigating to:
http://localhost:8000