GitHub ilə WebStorm-dan işləmək

10.1 Repozitoriyanın klonlanması

Yadda saxlayın, sizə faylların saxlanılma yerlərinin 3 növü haqqında danışmışdım: Uzaqdan repo, lokal repo və işçi direktoriya.

İndi isə sizin uzaqdan olan repo-nuzu (GitHub-da yaratdığınız) lokal repo-nuza (kompüterinizdəki repo) klonlamaq lazımdır.

Ona görə də WebStorm-u işə salırıq və başlayaq...

1-ci Addım. Əgər layihə açıqdırsa, onu bağlayın. Və Clone Repository düyməsini basın.

2-ci Addım. Klonlamaq istədiyiniz uzaqdan olan repo-nuzun url-ini daxil edin.

Bu üsul, əgər başqasının repo-sunu klonlayırsınızsa, faydalıdır.

Əgər öz repo-nuzu klonlayırsınızsa, WebStorm-dan GitHub-a daxil olmaq daha asan olacaq:

Layihəni seçin və Clone düyməsini basın.

3-cü Addım. Heç kimə güvənməyin. Hətta özünüzə belə.

WebStorm xəbərdarlıq edir ki, tanımadığınız repo-lardan kodları işə salmayın. Bu sizin öz repo-nuz olduğu üçün qeyd edin ki etibar edin.

4-cü Addım. Windows-un standart antivirusu xəbərdarlıq edir ki, bəzi naməlum fayllar mövcuddur. Antivirus, ümumiyyətlə, tanımadığı proqramları sevmir.

AMMA! Biz bu proqramları yaratmağa hazırlaşırıq, ona görə IDE-dən xahiş edirik ki, antivirus gələcək proqramlarınızı bloklamasın. "Automatically" düyməsini, daha sonra isə "YES" düyməsini basın.

10. 2 İlk commit

Əgər siz təzə yaradılmış repository klonlamısınızsa, o yalnız bir fayl olacaq — README.md

Adım 1. README.md faylını açın

Bu faylı öz istəyinizə uyğun dəyişin: istənilən salamlaşma mesajı və ya repository barədə təsvir yaza bilərsiniz.

Adım 2. Faylda dəyişiklik etdikdən sonra, WebStorm faylı sol tərəfdəki fayl ağacında mavi rənglə göstərəcək. Mavi rənglə, dəyişiklikləri hələlik lokal repository-yə əlavə olunmamış işçi direktoriyanızda olan bütün dəyişdirilmiş fayllar göstərilir.

Adım 3. Commit

Fayl və ya fayllarda istədiyiniz bütün dəyişiklikləri etdikdən (və onların düzgün olduğuna əmin olduqdan) sonra, onları sizin lokal git-repository-nizə əlavə etməliyik. Hələlik bu dəyişikliklər sadəcə işçi qovluğunuzdadır.

Bunu etmək üçün Commit düyməsini klikləmək və bütün dəyişiklikləri lokal repository-yə əlavə etmək istədiyiniz faylları işarələmək lazımdır:

Adım 4. Və Commit düyməsini basın.

Adım 5. Yoxlama

Layihəyə keçid edin və baxın: əgər fayllar artıq mavi rənglə işıqlandırılmırsa, bu, işçi direktoriyanızdakı bütün dəyişikliklərin uğurla lokal repository-yə əlavə edildiyini göstərir.

10.3 Fayllarla İş

Addım 1. Gəlin WebStorm-da bir fayl yaradaq.

Axı biz HTML-kod yazırıq – qoy bu main.html olsun

Addım 2. Faylı lokal repository-yə əlavə edirik.

WebStorm yeni fayl yaratdığınızı görən kimi, dərhal onu lokal repository-yə əlavə etməyi təklif edir. WebStorm yalnız sizin lokal repository-də olan işçi kataloqunuzdakı faylların dəyişikliklərini izləyir — o, yalnız onları mavi rənglə işarələyəcək.

Əgər fayl işçi kataloqunuzda varsa, lakin lokal repository-də yoxdursa, o, qırmızı ilə işarələnir — aşağıdakı şəkildə göstərildiyi kimi:

Əslində siz həmişə Add düyməsini sıxa bilərsiniz, amma bu dəfə gəlin Cancel tıqlayaq və faylı əl ilə əlavə edək ki, necə edəcəyinizi biləsiniz.

Addım 3. Sevdiyiniz kodu faylda yazırıq.

Məsələn, mən belə yazdım: <h1>BİRİNCİ COMMIT</h1>

Addım 4. İndi gəlin main.html faylımızı lokal repository-yə əlavə edək.

Sadəcə istənilən fayl yerinə sağ klikləyin və Git --> Add File seçin

Hər şey uğurla keçibsə, əlavə edilmiş fayl yaşıl rəngdə görünəcək:

Addım 5. Daha sonra onu köhnə üsulla commit edirik:

10.4 İlk push

İndi bizim lokal repositoriyada etdiyimiz dəyişiklikləri GitHub'dakı uzaqdan repositoriyaya yükləməyimiz lazımdır. Bir layihə üzərində bir neçə proqramçı işləyəndə kod dəyişikliklərini bu cür sinxronlaşdırırlar.

Addım 1. Push düyməsinə klikləyirik.

Əslində bunu etmək çox sadədir: sadəcə IDE-nizin yuxarı menyusundakı Push düyməsindən istifadə etməlisiniz:

Addım 2. Əlavə edilmiş commit'ləri təsdiq edirik.

Bu mərhələdə siz bütün edilmiş dəyişikliklərə baxa və təsdiqləyə bilərsiniz ki, təsadüfən vacib bir şeyi pozmamısınız. Və ya digər fayllardan asılı olan bir faylı əlavə etməyi unutmadığınızdan əmin olun.

Addım 3. Yoxlayırıq.

Əgər hər şey uğurla keçsə, belə bir mesaj görəcəksiniz:

Addım 4. İndi GitHub repositoriyanızı açıb yoxlayın:

Texnologiyanın möcüzəsi!

10.5 .gitignore fayllarının istifadəsi

Əgər layihənizə bəzi xidmət faylları əlavə etmisinizsə və onların təsadüfən repository-ə düşməsini istəmirsinizsə, onları istisnaya əlavə edə bilərsiniz. Bunun üçün .gitignore adlı bir fayl var. Bu, layihədə versiya idarəetmə sistemində saxlanılmamalı olan fayllar olduğu zaman çox rahatdır (məsələn, müvəqqəti fayllar, loglar, parollar).

Addım 1. Əvvəlcə faylı layihə kataloqunda yaradın. Məsələn, hər hansı bir adla .txt faylı yaradın. Faylı yaratdıqdan sonra Cancel düyməsinə basın.

Addım 2. "Project" pəncərəsində yaradılmış hacky_fix_that_somehow_works.txt fayl üzərində sağ düyməni basın. Git --> Add to .gitignore --> Add to .gitignore seçiminə keçin. Bu seçim seçilmiş faylı layihənizin kökündə olan .gitignore faylına əlavə edir.

Addım 3. Layihənizdə .gitignore yaradın. Repository yaradılanda biz .gitignore faylını yaratmadıq

WebStorm avtomatik olaraq hacky_fix_that_somehow_works.txt fayl adını .gitignore faylınıza əlavə edəcək.

Faylları .gitignore-a əlavə etdikdən sonra onlar qəhvəyi rəngdə göstəriləcək. Dəyişiklikləri commit etməyə çalışarkən, bu fayllar nəzərə alınmayacaq.

.gitignore faylı yalnız hələ commit edilməmiş (commit olunmamış) fayllara təsir edir. Əgər fayl artıq repository-də commit edilibsə, onu nəzərə almamaq üçün əvvəlcə repository-dən silmək lazımdır.

.gitignore faylını repository-də commit etməyi və dəyişiklikləri GitHub-a göndərməyi unutmayın ki, layihənin bütün iştirakçıları eyni fayl nəzərdən keçirmə qaydalarından istifadə etsinlər.

Yerli faylların istisna edilməsi .git/info/exclude

Layihənin bütün istifadəçiləri üçün faylların istisna edilməsi üçün istifadə olunan .gitignore faylından əlavə, Git yalnız sizin layihənizin yerli nüsxəsi üçün işləyən yerli istisna qaydalarının yaradılmasına imkan verir .git/info/exclude. Bu qaydalar repository-də commit olunmur.

Məsələn, version control sisteminə düşməli olmayan IDE tərəfindən yaradılmış faylları istisna etmək üçün bu çox faydalı ola bilər.

Vacibdir. Yerli istisna qaydaları yalnız repository-in yerli nüsxəsi üçün işləyir.

.gitignore üçün qaydalar

.gitignore faylında git tərəfindən nəzərə alınmamalı olan fayl və qovluq adlarının şablonları göstərilir.

Boş sətirlər nəzərə alınmır. Şərh əlavə etmək üçün sətiri # simvolu ilə başlayın.

Şablonlar:

• * - istənilən sayda istənilən simvolla uyğun gəlir. Məsələn, *.log bütün .log genişlənməsinə malik fayllara məhəl qoymur.
• ? - bir istənilən simvolla uyğun gəlir. Məsələn, temp?.txt fayllara məhəl qoymur temp1.txt, temp2.txt və s.
• [] - simvollar diapazonunu göstərir. Məsələn, [abc] simvollardan hər hansı biri ilə uyğun gəlir a, b və ya c.
• ! - şablona uyğun gələn faylları istisna edir. Məsələn, !important.txt faylı izləyəcək important.txt, hətta *.txt qaydası varsa belə.
• / - şablonun əvvəlində repository kökünü göstərir. /temp/ repository kökündəki temp qovluğunu nəzərə almır.
• ** - hər hansı sayda iç-içə qovluqlara uyğun gəlir. Məsələn, **/temp hər hansı iç-içə səviyyədə temp qovluqlarını nəzərə almır.

Fayl nümunəsi

# Loglar
logs/*
*.log

# WebStorm tərəfindən yaradılan qovluqlar
.idea/
*.iml

# Müvəqqəti fayllar
*.tmp
*.swp
*~

# Layihə yığımı zamanı yaradılan fayllar
dist/
build/

# Asılılıqlar
node_modules/
bower_components/

# Konfiqurasiya faylları
.eslintrc.js
.prettierrc.js

# Test məlumatları
coverage/
cypress/screenshots/
cypress/videos/

Hazır şablonlar

1. Müxtəlif proqramlaşdırma dilləri və inkişaf mühitləri üçün .gitignore kolleksiyası: https://github.com/github/gitignore
2. gitignore.io - .gitignore faylları yaratmağa kömək edən veb-servis