Code Monkey home page Code Monkey logo

atomsample's Introduction

Exercise Guide

Legend

Icon Desription
⚠️ Warning If you misconfigure a step marked with this icon, later steps might not work properly. Check the step carefully before you move forward.
Attention Review this step or comment carefully to save time, learn a best practice, or avoid errors.
ℹ️ Information A comment labeled with this icon provides information about the topic or procedure.
📖 References A comment labeled with this icon identifies reference material that provides additional information.

Exercise 1: Importing an existing repository from GitHub into Atom

Objectives

This exercise focuses on enabling you to do the following:

  • Create a repository in GitHub repositories
  • Importing an existing repository into your new repositories.
  • Update and add files and commit the changes to GitHub.

Task 1: Create repository in GitHub and import existing repository

Step Action
1-1 Create a new repository on GitHub.com (e.g. myatomsample). You don’t have to initialise the repository with a README because you are importing an existing repository.
1-2 Once your repository is created in GitHub, scroll down to ‘import code’ and paste the url of this sample repository: https://github.com/macmurph42/atomsample.git . This may take a couple of minutes.
1-3 Copy the GitHub URL of your new updated repository (e.g. https://github.com/macmurph42/mtatomsample.git)
1-3 In the Atom Editor type Shift-Command-P (Shift-Ctrl-P on Windows) to toggle the Atom Command Palette Image
1-4 Type Github:Clone and paste the url from step 2. (Your new repository) This will also create a new folder in your GitHub home directory on your disk (e.g. /Users/florianmeyer/github/atomsample)
1-5 At some point, you may be asked to enter a GitHub token to authorize GitHub for Atom. You can create this token here https://github.atom.io/auth/github_package/token

Task2: Create new files and update your repository

Step Action
2-1 Create a new file in your project. You can create that file in Finder/Windows File Explorer natively or you can create that file in the Atom Editor.
2-2 When you create a new file or update an existing one, the file will be listed in the ‘Git’ Tab in Atom as ‘Unstaged Change’.Image
2-3 Click on ‘Stage all’, the file will now be listed in ‘Staged Changes’. Image
2-4 Type some text in the text field and click "Commit to initial". You cannot click this button when you leave the commit message empty. Image
2-4 Look in the bottom right corner of Atom. After you commited your change, it will show 'Push 1' to indicate that changes need to get pushed to GitHub. Image The number indicates the number of files that will be pushed to GitHub.

atomsample's People

Contributors

macmurph42 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.