Ubuntu install instructions
For the first portion of the class, we'll be working exclusively inside of the browser and Node. We'll be installing the following tools.
- Slack
- Homebrew
- Git
- Node
- Oh my ZSH
- iTerm
- Postgres.app
- Ruby
- Rails
TIP: Use CTRL+SHIFT+V to paste into terminal
Slack
We will be using slack to communicate throughout the course. You should've received an invite to our channels via e-mail. You can login via the web browser, but downloading / installing the app is highly recommended.
GIT
Before we do this process, please make sure you have signed up for an account on Github. We will be installing a version of GIT from home brew and also configuring it.
To install GIT
sudo apt-get install git-all
Configuring GIT
Using your email credentials for GIT, run these commands with your user and email configured.
git config --global user.name "YOUR-USERNAME"
git config --global user.email "YOUR-EMAIL-ADDRESS"
git config --global push.default simple
git config --global credential.helper cache
Setting up SSH Key
You might find your self having to re-authenticate GIT every time you work on your command line. Setup SSH Keys to let Github remember your machine in the future.
Node
curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -
sudo apt-get install -y build-essential nodejs
Verify the installation afterwards by running
node -v
npm -v
The above should display without any errors.
To finish up your installation, run this command to allow for global installations of npm tools.
sudo chown -R $USER /usr/local/lib
Sublime 3
We'll be running Sublime 3, not Sublime 2 as our text editor of choice.
Install via the package manager
sudo add-apt-repository ppa:webupd8team/sublime-text-3
sudo apt-get update
sudo apt-get install sublime-text-installer
If the above does not work, try installing via Sublime's website: http://www.sublimetext.com/3 Download the .deb file and run it to install.
Install Oh My ZSH
Oh my ZSH?!!! We will be tricking out commandline with another shell. A shell is an interface into our computer, and we will be using a lot to run commands.
We'll be using a shell and configuration package called Oh-My-Zsh
To install, we will run
sudo apt-get update
sudo apt-get install git-core zsh
chsh -s /bin/zsh
wget --no-check-certificate http://install.ohmyz.sh -O - | sh
sudo shutdown -r 0
(the last command will restart your computer)
Postgres
Install Postgres
We will be using a relational database called Postgres for Node and Rails portion our class. Download by running:
sudo apt-get install postgresql-client postgresql postgresql-contrib
Configure Postgres User
You'll also need to configure a user for your Postgres database.
sudo -u postgres psql postgres
\password postgres
Choose an easy to remember password then type \quit to exit psql. MAKE SURE YOU REMEMBER THIS PASSWORD YOU WILL NEED IT LATER.
Create a Postgres Alias
To make it easier to start postgres we're going to create a couple aliases. Edit your zshrc file by typing subl ~/.zshrc add these lines to the bottom of the file:
alias psql="sudo -u postgres psql"
alias pgserver="sudo -u postgres service postgresql start"
pgserver will be used to start the postgres server
psql will be used to access the psql termainal
While we're here, add these two functions and environment variables to make it easier to access, change and refresh our ZSH configuration file in the future. Copy and paste these to the end of the file.
export VISUAL=subl
export EDITOR="$VISUAL"
function zedit() {
subl ~/.zshrc
}
function zrefresh() {
echo "Refreshing your ZSH configuration."
source ~/.zshrc
}
Save the file, close Sublime, and restart your terminal.
Install Postgres GUI
sudo apt-get install pgadmin3
Testing Postgres Setup
Quit terminal and reopen it before testing.
Start Server
pgserver
enter psql terminal
psql
Should enter psql terminal and have no error.
exit psql
\q
Installing MongoDB
Follow the official installation instructions on MongoDB.com:
https://docs.mongodb.com/v3.0/tutorial/install-mongodb-on-ubuntu/#install-mongodb
Testing the MongoDB server
#Start the MongoDB server
mongod
Press control-c to stop the server.
Install MongoDB GUI
We'll be using RoboMongo. Install here:
Installing Ruby on Rails
Install dependencies
sudo apt-get update
sudo apt-get install git-core curl zlib1g-dev build-essential libssl-dev libreadline-dev libyaml-dev libsqlite3-dev sqlite3 libxml2-dev libxslt1-dev libcurl4-openssl-dev python-software-properties libffi-dev
Install rbenv / ruby
rbenv lets us change ruby verions on the fly, useful for working with diffrent rails apps.
cd ~
git clone git://github.com/sstephenson/rbenv.git .rbenv
echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.zshrc
echo 'eval "$(rbenv init -)"' >> ~/.zshrc
exec $SHELL
git clone git://github.com/sstephenson/ruby-build.git ~/.rbenv/plugins/ruby-build
echo 'export PATH="$HOME/.rbenv/plugins/ruby-build/bin:$PATH"' >> ~/.zshrc
exec $SHELL
sudo chown -R $USER ~/.rbenv
rbenv install 2.2.2
(last step above will take a LONG time)
Set ruby version and check that it worked
rbenv global 2.2.2
ruby -v
Install Rails
Before moving on close and reopen terminal.
gem update
echo "gem: --no-ri --no-rdoc" > ~/.gemrc
gem install bundler
gem install rails
(the last step will take a while)
Verify your installation
Run each of these commands and then call someone over to validate your installation is correct.
rails -v
ruby -v
which ruby
which rails
which bundle
which gem
node -v
npm -v
git --version
psql --version
subl -v
Setting up a server
Occasionally you'll encounter permission errors when running websites using the file protocol, for example accessing loading local JSON files to our page. To solve this you'll need to run a HTTP server. If you're using BrowserSync, you won't need to worry about this, alternatively you could build a quick Node static server. An easier option however, is to use the local python server.
We'll be setting up a command line alias to start a Python server.
1.) edit your zshrc or .bash_profile depending on your shell.
atom ~/.zshrc
2.) Insert this code near the bottom of the file:
Linux
alias srv="_srv(){xdg-open \"http://localhost:\${1-8000}\" && python -m SimpleHTTPServer \$1}; _srv"
3.) Close and restart your terminal, or run atom ~/.zshrc to reload the file.
Now you should be able to navigate to the folder of your project (the folder containing index.html), type srv, and hit enter. This will start a HTTP server and open your browser to that URL.
You can go back to the site at anytime by going to http://localhost:8000. You can quit the server by typing CTRL + C
Aside: Wildcard Protocols and HTTP
You'll notice that Bootstrap and other CDN URLs may start with //. This is a wildcard protocol, which means it will use whatever protocol your site is using (http:// or https://). When we're loading a file locally, our protocol is file:///, meaning we're accessing a file on our harddrive. Therefore, the default CDN will look for the file on our computer (instead of on the CDN) and won't find it. To fix this, we need to run a HTTP server.