Skip to content

Instantly share code, notes, and snippets.

@ashx3s
Last active January 21, 2022 17:32
Show Gist options
  • Select an option

  • Save ashx3s/cbd281e55057a3f5e6f094008d8a8e3d to your computer and use it in GitHub Desktop.

Select an option

Save ashx3s/cbd281e55057a3f5e6f094008d8a8e3d to your computer and use it in GitHub Desktop.
HTML Project Setup

Setting up an html project

step by step guide

Steps

  1. cd into the parent directory
    • using the gui open the folder that you want to make a project in
  2. mkdir your project folder
    • in the gui right click and create a new folder
    • name this folder whatever you want to call your project
  3. run git init to set this up as a git repository
  4. Start creating files
    • create an index.html
      • using the command line run touch index.html
      • using the gui right new file button
    • create an assets/ folder
      • if using command line run mkdir assets
      • if using the gui right click and select make new folder
    • add a css file inside assets
      • using command line run touch assets/style.css
      • using the gui, right click on the assets folder and click add new file
        • name it style.css
    • add an images/ folder
      • inside it add your images
        • make sure there are no spaces in the file names
    • your project should be ready for a getting to work
      • remember to git add and git commit your changes

Command line commands

  • mv move
  • cd change directory
  • touch create a file
  • mkdir make a directory
  • rm remove a file
  • rm -rf remove a directory
  • ../ go back one directory
  • ./ right here
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment