{"id":229676,"date":"2022-11-25T20:33:00","date_gmt":"2022-11-25T17:33:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=229676"},"modified":"2022-11-25T20:35:40","modified_gmt":"2022-11-25T17:35:40","slug":"praca-z-ustawieniami-uzytkownika-w-visual-studio-code","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/pl\/praca-z-ustawieniami-uzytkownika-w-visual-studio-code\/","title":{"rendered":"Praca z ustawieniami u\u017cytkownika w Visual Studio Code"},"content":{"rendered":"\n<p>Je\u015bli nie czyta\u0142e\u015b postu z zesz\u0142ego tygodnia (a jeste\u015b cz\u0142onkiem witryny), zach\u0119cam do zrobienia tego teraz, poniewa\u017c ten rozpoczyna si\u0119 dok\u0142adnie w miejscu, w kt\u00f3rym zako\u0144czy\u0142 si\u0119 poprzedni.<\/p>\n<p>Kr\u00f3tko m\u00f3wi\u0105c, zaczniemy m\u00f3wi\u0107 o konfigurowaniu Visual Studio Code do profesjonalnego programowania WordPress. Oczywi\u015bcie rodzi si\u0119 pytanie: czym jest profesjonalny programowanie WordPressa?<\/p>\n<p>Je\u015bli zapytasz dziesi\u0119\u0107 r\u00f3\u017cnych os\u00f3b, prawdopodobnie otrzymasz 8-10 r\u00f3\u017cnych odpowiedzi; jednak okre\u015bli\u0142bym to jako stosowanie profesjonalnych praktyk tworzenia oprogramowania w kontek\u015bcie WordPressa.<\/p>\n<p>Oczywi\u015bcie, prawda? Ale co to oznacza?<\/p>\n<p>Z czubka g\u0142owy my\u015bl\u0119 o:<\/p>\n<ul>\n<li>Korzystanie z odpowiednich narz\u0119dzi do zarz\u0105dzania zale\u017cno\u015bciami, takich jak Composer, NPM czy Yarn,<\/li>\n<li>Debugowanie za pomoc\u0105 breakpoint\u00f3w (ponad var_dump i echo),<\/li>\n<li>Umiej\u0119tno\u015b\u0107 formatowania kodu przy u\u017cyciu danego standardu (PSR w przypadku, kt\u00f3rego b\u0119d\u0119 u\u017cywa\u0142),<\/li>\n<li>Struktura organizacyjna akt,<\/li>\n<li>U\u017cywanie takich rzeczy jak Sass, linting JavaScript itp., aby u\u0142atwi\u0107 programowanie<\/li>\n<\/ul>\n<p>Ale zanim przejdziemy do tego wszystkiego, my\u015bl\u0119, \u017ce wa\u017cne jest, aby skonfigurowa\u0107 \u015brodowisko IDE w taki spos\u00f3b, aby wygl\u0105da\u0142o dobrze, dzia\u0142a\u0142o dobrze w spos\u00f3b, w jaki chcemy, i aby\u015bmy rozumieli, jak to dzia\u0142a, aby\u015bmy mogli dalej je ulepsza\u0107 jako pojawia si\u0119 potrzeba.<\/p>\n<p>W dzisiejszym po\u015bcie przyjrzymy si\u0119 dok\u0142adnie temu: Zrozumieniu, w jaki spos\u00f3b Visual Studio Code zarz\u0105dza ustawieniami i proponowanej li\u015bcie opcji konfiguracyjnych, kt\u00f3re pomog\u0105 uczyni\u0107 Twoje \u015brodowisko tak solidnym, jak to tylko mo\u017cliwe.<\/p>\n<h2>Ustawienia u\u017cytkownika w Visual Studio Code<\/h2>\n<p>Przed rozpocz\u0119ciem zalecam pobranie <strong><a href=\"https:\/\/github.com\/tonsky\/FiraCode\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Fira Code<\/a><\/strong> i zainstalowanie czcionki w wybranym systemie operacyjnym. Chocia\u017c istnieje wiele innych czcionek (takich jak <strong><a href=\"https:\/\/github.com\/adobe-fonts\/source-code-pro\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Source Code Pro<\/a><\/strong> ), kt\u00f3re r\u00f3wnie\u017c s\u0105 \u0142adne, uwa\u017cam, \u017ce Fira Code jest jednym z moich osobistych ulubionych, zw\u0142aszcza z jego ligaturami (ale o tym za chwil\u0119).<\/p>\n<p>Oto, co zobaczycie na zrzutach ekranu w dalszej cz\u0119\u015bci tej serii.<\/p>\n<h3>1 Zrozumienie ustawie\u0144<\/h3>\n<p>Po pierwsze, zwr\u00f3\u0107 uwag\u0119, \u017ce Visual Studio Code ma plik domy\u015blny, kt\u00f3rego u\u017cywa do ustawie\u0144 w swoich projektach. Zauwa\u017cysz to, je\u015bli przejdziesz do menu <strong>Kod &gt; Preferencje<\/strong> (lub cokolwiek podobnego do twojego systemu operacyjnego.<\/p>\n<p>Kr\u00f3tko m\u00f3wi\u0105c, wszystko jest zapisane w pliku JSON. Oto, gdzie zaczyna si\u0119 zabawa: Mo\u017cesz dostosowa\u0107 ten plik, zasadniczo zast\u0119puj\u0105c to, co udost\u0119pnia, u\u017cywaj\u0105c dostarczonego przez niego pliku ustawie\u0144 u\u017cytkownika.<\/p>\n<p>I fajn\u0105 rzecz\u0105 jest to, \u017ce chocia\u017c zast\u0119puje to, co oferuje Visual Studio, IDE zawsze powraca do domy\u015blnych ustawie\u0144, kt\u00f3re s\u0105 z nim dostarczane.<\/p>\n<p>W tym konkretnym po\u015bcie przyjrz\u0119 si\u0119 prostemu definiowaniu ustawie\u0144 edytora. Jednak w przysz\u0142ych postach przyjrzymy si\u0119 pracy z PHP, standardami kodowania i nie tylko.<\/p>\n<h3>2 Konfiguracja ustawie\u0144<\/h3>\n<p>W tym po\u015bcie zak\u0142adam, \u017ce masz otwarty projekt. Mo\u017ce to by\u0107 nowy projekt lub istniej\u0105cy projekt. Niezale\u017cnie od tego, to, co mam do zaoferowania, b\u0119dzie nadal obowi\u0105zywa\u0107.<\/p>\n<p>Po drugie, b\u0119d\u0119 przedstawia\u0142 sugestie w oparciu o rodzaj pracy, kt\u00f3r\u0105 najcz\u0119\u015bciej wykonuj\u0119. Chocia\u017c polecam te ustawienia innym i chocia\u017c mo\u017cemy wprowadza\u0107 drobne poprawki (na przyk\u0142ad, niekt\u00f3rzy linters nie chc\u0105 przestrzeni, przez kt\u00f3r\u0105 mogliby przej\u015b\u0107 przez t\u0119 seri\u0119 w IDE, s\u0105 to najbardziej og\u00f3lne rzeczy, kt\u00f3re pomagaj\u0105 rozpocz\u0105\u0107).<\/p>\n<p>Gdy otworzysz plik po raz pierwszy, b\u0119dzie on pusty. Pami\u0119taj, \u017ce musi by\u0107 napisany w odpowiednim JSON, inaczej to nie zadzia\u0142a (nie m\u00f3wi\u0105c ju\u017c o b\u0142\u0119dzie).<\/p>\n<p>Oto przyk\u0142ad tego, co mam w <strong><a href=\"https:\/\/gist.github.com\/tommcfarlin\/830e020f624f881268c32ee041ee9f12#file-00-user-settings-json\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">ustawieniach edytora<\/a><\/strong> :<\/p>\n<pre><code>{\n    \/\/ Editor Settings.\n    \"editor.fontFamily\": \"Fira Code\",\n    \"editor.fontLigatures\": true,\n    \"editor.fontSize\": 13,\n    \"editor.renderWhitespace\": \"all\",\n    \"editor.tabSize\": 4,\n    \"editor.insertSpaces\": true,\n    \"editor.detectIndentation\": false,\n    \"editor.formatOnSave\": false,\n\n    \"files.trimTrailingWhitespace\": true,\n\n    \/\/ ...\n}<\/code><\/pre>\n<p>Ka\u017cdy powinien by\u0107 zrozumia\u0142y; jednak zauwa\u017c, \u017ce <strong>mam<\/strong> editor.fontLigatures ustawione na <strong>true<\/strong>, poniewa\u017c u\u017cywam Fira Code. Zmieni to pewne rzeczy, takie jak <strong>=<\/strong> w podwi\u0105zanie.<\/p>\n<p><a href=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164512-61e766569a4ff.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-164512-61e766569a4ff.png\" alt=\"Praca z ustawieniami u\u017cytkownika w Visual Studio Code\"><\/a><\/p>\n<p>To sprawia, \u017ce \u200b\u200bpisanie kodu jest znacznie przyjemniejsze.<\/p>\n<h3>3 udost\u0119pnianie projekt\u00f3w<\/h3>\n<p>Wreszcie jedn\u0105 z rzeczy, kt\u00f3re uwa\u017cam za przydatne, jest posiadanie projekt\u00f3w w miejscu, kt\u00f3re mo\u017cna udost\u0119pnia\u0107 wielu maszynom. Mo\u017cna to zrobi\u0107 za po\u015brednictwem Dysku Google, Dropbox lub iCloud Drive.<\/p>\n<p>W ka\u017cdym razie zalecam wykonanie nast\u0119puj\u0105cych czynno\u015bci:<\/p>\n<ol>\n<li>Zachowuj\u0105c swoje projekty, zak\u0142adaj, \u017ce nie s\u0105 one wra\u017cliwe, oczywi\u015bcie w us\u0142udze udost\u0119pniania plik\u00f3w,<\/li>\n<li>Przechowuj ka\u017cdy plik obszaru roboczego wraz z plikami projektu we wspomnianej us\u0142udze.<\/li>\n<\/ol>\n<p>W ten spos\u00f3b, je\u015bli zdecydujesz si\u0119 korzysta\u0107 z wielu maszyn, powiniene\u015b mie\u0107 pliki \u017ar\u00f3d\u0142owe potrzebne do pracy nad ka\u017cdym projektem. Ale nie b\u0119d\u0119 tu omawia\u0142 tego tematu. Om\u00f3wi\u0142em to <strong><a href=\"https:\/\/wordpress.mediadoma.com\/pl\/udostepnianie-ustawien-kodu-programu-visual-studio-w-dropbox\/\" title=\"w poprzednim po\u015bcie\">w poprzednim po\u015bcie<\/a><\/strong>, a proces nadal brzmi.<\/p>\n<p>Po prostu czu\u0142em, \u017ce wskazanie tego by\u0142oby dobrym posuni\u0119ciem na wypadek, gdyby nie by\u0142o to co\u015b, co rozwa\u017ca\u0142e\u015b.<\/p>\n<h2>Patrz\u0105c na standardy kodowania<\/h2>\n<p>Oczywi\u015bcie ten post nie jest zbyt techniczny, ale zaczniemy wdra\u017ca\u0107 standardy kodowania w nast\u0119pnym po\u015bcie, a to b\u0119dzie wymaga\u0142o troch\u0119 pracy z Composerem, a tak\u017ce pracy z ustawieniami u\u017cytkownika.<\/p>\n<p>Aby upewni\u0107 si\u0119, \u017ce jeste\u015bmy w stanie to zrobi\u0107, warto po\u0142o\u017cy\u0107 podwaliny pod zrozumienie, jak dzia\u0142aj\u0105 ustawienia, aby\u015bmy mogli kontynuowa\u0107 ich edycj\u0119 w przysz\u0142o\u015bci.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/tommcfarlin.com\" class=\"external external_icon\">tommcfarlin.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Przygotowywanie ustawie\u0144 u\u017cytkownika w Visual Studio Code do bardziej zaawansowanej konfiguracji.<\/p>\n","protected":false},"author":1,"featured_media":164513,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[721,919,897,1068,845],"tags":[1169],"class_list":["post-229676","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-deweloper","category-inny","category-kod","category-komputer","category-samouczki","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/229676","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=229676"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/229676\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/164513"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=229676"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=229676"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=229676"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}