Giter Club home page Giter Club logo

specs's Introduction

!! Помните, что github это открытая платформа и файлы под NDA возможно нельзя сюда заливать. Уточните у своих кураторов !!

Создание репозитория

  1. Нажмите на «+» и выберите пункт New Repository

  2. Укажите наиоболее подходящее имя для будущего репозитория и, важно, поставьте галочку на пункте Initialize this repository with a README

  3. У вас должен появиться подобный экран с зелёной кнопкой (картинка ниже). Если этого не случилось, то пройдите установку с первого пункта.

  4. Перейдите во вкладку Settings. Перейдите к разделу GitHub Pages и SourceMaster branchSave. После этого страница обновится и появится ссылка на ваш сервер. Скопируйте его куда-нибудь, чтобы был под боком.

  5. Возвращаемся на вкладку Code и жмём на зелёную кнопку Clone or downloadOpen in Desktop. У вас должен быть установлен гитхаб десктоп!.

  6. Откроется программа GitHub Pages. В модальном окне не трогайте первую строчку. Вторая строка указывает путь до репозитория у вас на маке. Советую сделать такой путь /Users/[username]/GitHub/[название репозитория]. Таким образом вы получите основную папку гитхаба в корне своего компьютера. Жмите Clone.

  7. Репозиторий успешно склонирован на ваш компьютер

Экспорт макетов через Sketch Measure

  1. Выделите один или несколько артбордов в скетче

  2. Начните экспорт макетов Plugin → Sketch Measure → Spec export.

  3. Сделайте экспорт

  4. После этого вам необходимо перейти в папку вашего репозитория. Если вы при клонировании указали подобный путь /Users/[username]/GitHub/[название репозитория], то вам надо выйти в корневую директорию

  5. В поле Export to пишем название директории для архива ваших спецификаций. Перейдите в папку вашего репозитория и нажмите Export

  6. Теперь переходим в GitHub Dekstop и весли до этого всё было чётко, то в левом меню появится список изменный(созданных) файлов. Укажите название коммита (короткий заголовок того, что вы сделали — для личного учёта) и жмите Commit to master.

  7. Пора отправлять файлы на сервер. Для этого жмём Push origin. Если процесс пройдет нормально и не повится никаких ошибок, то поздравляю, ваши файлы попали на веб сервер.

  8. Можете проверить прошёл ли коммит. Для этого перейдите в разделе Code по ссылке 1 commit и вы увидите список всех последних коммитов. Если ваш есть в списке, значит всё ОК!

  9. Чтобы перейти к файлу со спецификациями, надо собрать ссылку. В п.4 раздела Создание репозитория вы сохранили ссылку. Необходимо взять ее и дописать название папки с вашими спеками/index.html. В моём случае папка называется test и ссылка выглядит так https://ternos.github.io/Specs/test/index.html

specs's People

Contributors

ternos avatar

Stargazers

 avatar

Watchers

James Cloos avatar  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.