✅ WEB ja WordPressi uudised, teemad, pistikprogrammid. Siin jagame näpunäiteid ja parimaid veebisaidi lahendusi.

Visual Studio Code’i kasutajaseadetega töötamine

4

Kui te pole viimaste nädalate postitust lugenud (ja olete saidi liige), soovitan teil seda kohe teha, kuna see jätkab täpselt sealt, kus eelmine pooleli jäi.

Lühidalt, hakkame rääkima Visual Studio Code konfigureerimisest professionaalseks WordPressi arendamiseks. Muidugi tõstatab see küsimuse: mis on professionaalne WordPressi arendus?

Kui küsite kümmet erinevat inimest, saate tõenäoliselt 8-10 erinevat vastust; siiski määratleksin seda kui professionaalsete tarkvaraarenduse tavade kasutamist WordPressi kontekstis.

Loomulikult, eks? Aga mida see endaga kaasa toob?

Pea pealt mõtlen:

  • Kasutades õigeid sõltuvushaldustööriistu, nagu Composer, NPM või Yarn,
  • Silumine murdepunktide abil (üle var_dump ja echo),
  • Teades, kuidas vormindada koodi antud standardi abil (PSR, kui ma kasutan),
  • Faili organisatsiooniline struktuur,
  • Arenduse hõlbustamiseks kasutatakse selliseid asju nagu Sass, JavaScripti linting ja nii edasi

Kuid enne selle kõige juurde asumist arvan, et on oluline seadistada IDE nii, et see näeks hea välja, mängiks hästi meie soovitud viisil ja mõistaks, kuidas see töötab, et saaksime seda veelgi kohandada. tekib vajadus.

Tänases postituses vaatlemegi täpselt seda: Visual Studio Code’i seadete haldamise mõistmine ja pakutud konfiguratsioonivalikute loend, mis aitab muuta teie kogemuse võimalikult tugevaks.

Kasutajaseaded Visual Studio Code’is

Enne alustamist soovitan alla laadida Fira Code ja installida fondi valitud operatsioonisüsteemi. Kuigi on palju muid fonte (näiteks Source Code Pro ), mis on samuti toredad, olen leidnud, et Fira Code on üks mu isiklikke lemmikuid, eriti oma ligatuuridega (aga sellest hetkeks lähemalt).

Seda näete ekraanipiltidel kogu selle sarja ülejäänud osa jooksul.

1 Seadete mõistmine

Esiteks pange tähele, et Visual Studio Code’il on vaikefail, mida ta kasutab oma projektide sätete jaoks. Märkate seda, kui avate  menüü Kood > Eelistused (või mis tahes muu, mis sarnaneb teie operatsioonisüsteemiga.

Lühidalt öeldes on kõik seadistatud JSON-failis. Siin saab see lõbusaks: saate seda faili kohandada, alistades sisuliselt selle, mida see pakub, kasutades selle pakutavat kasutajaseadete faili.

Ja tore on see, et kuigi see tühistab Visual Studio pakutava, naaseb IDE alati sellega kaasasolevatele vaikesätetele.

Selles konkreetses postituses vaatlen lihtsalt redaktori sätete määratlemist. Tulevastes postitustes käsitleme aga PHP-ga töötamist, kodeerimisstandardeid ja palju muud.

2 Seadete konfigureerimine

Selle postituse puhul eeldan, et teil on projekt avatud. See võib olla uus projekt või olemasolev projekt. Olenemata sellest, mida ma pakun, kehtib endiselt.

Teiseks teen ettepanekuid selle põhjal, millist tööd ma kõige sagedamini teen. Kuigi ma soovitan neid sätteid ka teistele ja ehkki me teeme võib-olla väikseid muudatusi (näiteks ei taha mõned linterid IDE-s selle seeria jooksul ruumi läbida, on need kõige üldisemad asjad, mida kasutatakse alustamiseks).

Faili esmakordsel avamisel on see tühi. Pidage meeles, et vastasel juhul tuleb see kirjutada õiges JSON-is, see ei tööta (rääkimata nüüdsest veast).

Siin on näide sellest, mis mul redaktori seadetes on :

{ // Editor Settings. "editor.fontFamily": "Fira Code", "editor.fontLigatures": true, "editor.fontSize": 13, "editor.renderWhitespace": "all", "editor.tabSize": 4, "editor.insertSpaces": true, "editor.detectIndentation": false, "editor.formatOnSave": false, "files.trimTrailingWhitespace": true, // ... }

Igaüks neist peaks olema iseenesestmõistetav; aga pange tähele, et mul on editor.fontLigatures seatud tõeseks, kuna kasutan Fira koodi. See muudab teatud asjad, nagu =, ligatuuriks.

Visual Studio Code'i kasutajaseadetega töötamine

See teeb koodi kirjutamisel palju meeldivama kogemuse.

3 Projektide jagamine

Lõpuks, üks minu arvates kasulikest asjadest on projektide omamine kohas, mida saab jagada mitme masina vahel. Seda saab teha Google Drive’i, Dropboxi või iCloud Drive’i kaudu.

Igal juhul soovitan teha järgmist.

  1. Eeldage oma projektide hoidmisel failijagamisteenuses loomulikult, et need pole tundlikud,
  2. Salvestage nimetatud teenuses iga tööruumi fail koos projektifailidega.

Sel viisil, kui otsustate kasutada mitut masinat, peaksid teil olema lähtefailid, mida vajate iga projekti kallal töötamiseks. Kuid ma ei räägi siinkohal. Arutasin seda eelmises postituses ja see protsess kõlab endiselt.

Tundsin lihtsalt, et sellele tähelepanu juhtimine oleks hea samm juhuks, kui see pole midagi, mida te pole mõelnud.

Vaadates kodeerimisstandardeid

Ilmselgelt pole see postitus ülimalt tehniline, kuid järgmises postituses hakkame kodeerimisstandardeid juurutama ja see nõuab nii Composeri kui ka kasutajaseadetega töötamist.

Ja veendumaks, et suudame seda teha, on mõttekas panna alus, et mõista, kuidas seaded töötavad, et saaksime neid tulevikus muuta.

See veebisait kasutab teie kasutuskogemuse parandamiseks küpsiseid. Eeldame, et olete sellega rahul, kuid saate soovi korral loobuda. Nõustu Loe rohkem