Sida loo kordhiyo waxtarka horumarinta ee VS Code: Talooyin waxtar leh iyo dhaqamada ugu fiican

Visual Studio Code (VS Code) waa tifaftiraha koodhka ee doorashada badan oo ka mid ah horumariyayaasha, waxaana si weyn loogu jecel yahay sababo la xiriira il furan iyo ballaaran oo ballaarin ah. Maqaalkan, waxaan ka hadli doonaa qaar ka mid ah talooyin waxtar leh iyo dhaqamada ugu fiican ee kordhiya waxtarka horumarinta ee VS Code, ha noqoto bilow ama horumariye khibrad leh, dhammaan waxay ka faa'iideysan doonaan.

1. Ku rakib oo maamul ballaarinta

1.1 Hel ballaarin ku habboon

VS Code waxay leedahay nidaam ballaarin xoog leh, isticmaalayaashu waxay ka raadin karaan oo ku rakibi karaan ballaarinta si ay u xoojiyaan shaqeynta tifaftiraha. Ballaarinta caadiga ah waxaa ka mid ah laakiin aan ku xaddidnayn:

• Prettier: Qalabka qaabeynta koodhka, si otomaatig ah u haynaya koodhka nadiif ah.
• ESLint: Qalabka tayada koodhka JavaScript iyo hubinta qaabka.
• Python: Taageerada horumarinta Python oo leh hawlo hodan ah, oo ay ku jiraan talooyin caqli badan, debuggin, iwm.
• Live Server: Si dhakhso ah u dhis server horumarineed oo maxalli ah, si toos ah u arag natiijada bogga.

1.2 Ku rakib ballaarinta

Ku rakibidda ballaarinta ee VS Code aad bay u fududahay:

1. Fur Extensions dhinaca (furaha gaaban: Ctrl + Shift + X).
2. Ku qor magaca ballaarinta sanduuqa raadinta, tusaale “Prettier”.
3. Guji badhanka Install si aad u rakibto.

2. Navigaashinka koodhka oo fudud

VS Code waxay bixisaa qalabyo kala duwan, taasoo ka dhigaysa in si fudud loogu boodboodo koodhka. Tusaale ahaan, waxaad isticmaali kartaa furayaasha gaaban ee soo socda:

• F12 ama Ctrl + Click: U bood astaanta qeexitaanka.
• Alt + F12: Ku arag qeexitaanka astaanta daaqadda dul-saaran.
• Shift + F12: Raadi dhammaan tixraacyada.

Iyada oo la adeegsanayo qalabkan, horumariyayaashu waxay si dhakhso ah u arki karaan isticmaalka shaqooyinka ama isbedelada, taasoo si weyn u kordhinaysa waxtarka.

3. Khibrad debugging oo waxtar leh

VS Code waxay la timaadaa qalab debugging ah, waxayna taageertaa luqado badan oo barnaamijyo ah, horumariyayaashu waxay si fudud u samayn karaan debugging. Tallaabooyinka aasaasiga ah ee debugging waa:

1. Deji dhibcaha: Guji dhinaca bidix ee khadka koodhka si aad u dejiso dhibic.
2. Bilow debugging: Isticmaal furaha gaaban F5 si aad u bilowdo debugging, dooro deegaanka loo baahan yahay (sida Node.js).
3. Kormeer isbedelada: Dhinaca “Debug”, waxaad ka arki kartaa isbedelada ku jira xadka hadda.

4. Isticmaal terminal si loo kordhiyo waxtarka

Terminal-ka isku dhafan ee VS Code wuxuu u oggolaanayaa horumariyayaasha inay si toos ah u fuliyaan amarrada iyagoo aan beddelin daaqadaha. Waxaad furi kartaa terminal (furaha gaaban: Ctrl + ) oo ku dhex fulin kartaa amarrada kasta. Terminal-ka wuxuu taageeraa noocyo badan oo shell ah, oo ay ku jiraan bash iyo PowerShell.

4.1 Terminal-ka gaarka ah

Isticmaalayaashu waxay ku hagaajin karaan terminal-ka gaarka ah si ay u kordhiyaan raaxada inta ay shaqeynayaan:

1. Fur dejinta (Ctrl + ,).
2. Raadi terminal.integrated.shell.windows (ama mac/Linux).
3. Deji waddada terminal-ka ee loo baahan yahay, sida PowerShell ama Git Bash.

5. Isticmaalka Git si dhakhso ah

VS Code waxay ku dhex jirtaa taageero Git, horumariyayaashu waxay si toos ah uga samayn karaan maaraynta noocyada tifaftiraha. Hawlaha aasaasiga ah waxaa ka mid ah:

• Eeg isbedelada: Dhinaca astaanta maaraynta koodhka ( Ctrl + Shift + G), eeg isbedelada aan la gudbin.
• Gudbi isbedelada: Dhinaca maaraynta koodhka, geli macluumaadka gudbinta oo guji badhanka calaamadda cagaaran.
• Maareynta laan: Badhamada laanta ee geeska hoose ee midig waxay u oggolaanayaan isticmaalayaasha inay si fudud u beddelaan oo u abuuraan laan.

6. Dhameystirka koodhka oo caqli badan

VS Code waxay bixisaa hawlaha talooyinka caqliga leh, taasoo ka caawinaysa horumariyayaasha inay si dhakhso ah u qoraan koodhka. JavaScript iyo TypeScript, VS Code si otomaatig ah u muujin doontaa macluumaadka ku saabsan xargaha shaqooyinka.

6.1 Snippets gaarka ah

Isticmaalayaashu waxay abuuri karaan snippets koodhka (Snippets) si ay uga fogaadaan gelinta koodhka caadiga ah.

1. Fur panelka amarka (Ctrl + Shift + P).
2. Geli oo dooro Preferences: Configure User Snippets.
3. Dooro luqadda ama abuuro fayl cusub oo snippet ah, ka dibna ku qeex qaabka JSON.

Tusaale ahaan, tani waa snippet fudud oo ah shaqo JavaScript:

"Function": {
    "prefix": "func",
    "body": [
        "function ${1:name}(${2:params}) {",
        "\t$0",
        "}"
    ],
    "description": "Abuur shaqo cusub"
}

7. Isticmaalka workspace iyo aragtida

VS Code waxay bixisaa fikradda workspace, taasoo u oggolaanaysa in la abaabulo maareynta mashaariicda badan. Iyada oo loo marayo workspace, isticmaalayaashu waxay:

• Abuuri karaan qaab dhismeed gaar ah.
• Kaydiyaan dejimaha mashaariicda kala duwan.
• Isticmaal ballaarinno iyo mowduucyo kala duwan.

7.1 Kaydi workspace

1. Menu-ga ka dooro File > Save Workspace As....
2. Geli magaca faylka oo kaydi. Markaad mar kale furto, waxaad si toos ah ugu beddeli kartaa dejimaha faylka workspace.

8. Baro furayaasha gaaban

Barashada furayaasha gaaban waa furaha kordhinta waxtarka horumarinta. Qaar ka mid ah furayaasha gaaban ee caadiga ah waxaa ka mid ah:

• Ctrl + P: Si dhakhso ah u fur fayl.
• Ctrl + Shift + F: Raadinta guud.
• Ctrl + K Ctrl + S: Eeg tixraaca furayaasha gaaban.

Gunaanad

VS Code waa qalab horumarineed oo awood leh oo dabacsan, iyadoo la adeegsanayo ballaarinta fudud, navigaashinka koodhka oo degdeg ah iyo isdhexgalka Git ee aan kala go' lahayn, horumariyayaashu waxay si wax ku ool ah u kordhin karaan waxtarka shaqadooda. Waxaan rajeynayaa in talooyinkan iyo dhaqamada ugu fiican ay kaa caawin doonaan inaad si hufan u isticmaasho VS Code, adigoo ku raaxeysanaya barnaamijka. Ha noqoto bilow ama horumariye khibrad leh, sahamin oo ka faa'iidayso hawlahan, waxay keeni doonaan khibrad horumarineed oo cusub.