{"id":30,"date":"2021-02-07T22:47:11","date_gmt":"2021-02-07T21:47:11","guid":{"rendered":"http:\/\/dziewczynanafroncie.pl\/?p=30"},"modified":"2021-02-07T23:00:55","modified_gmt":"2021-02-07T22:00:55","slug":"angular-instalacja-niezbednego-oprogramowania","status":"publish","type":"post","link":"https:\/\/dziewczynanafroncie.pl\/angular-instalacja-niezbednego-oprogramowania\/","title":{"rendered":"Angular – instalacja niezb\u0119dnego oprogramowania"},"content":{"rendered":"\n

Instalacja Node.js<\/strong><\/h2>\n\n\n\n

Jak ju\u017c wspomina\u0142em wcze\u015bniej, aby mo\u017cliwe by\u0142o pisanie aplikacji przy wykorzystaniu Angulara<\/strong> trzeba najpierw zainstalowa\u0107 Node.js<\/strong> z strony node.js<\/a>. Samego procesu instalacyjnego nie b\u0119d\u0119 opisywa\u0142, ale pragn\u0119 nadmieni\u0107, \u017ce konieczne jest sprawdzenie pod Windowsem<\/strong> czy \u015bcie\u017cka do programu node<\/strong> i npm<\/strong> (ang. Node Package Menager) zosta\u0142a dodana.<\/p>\n\n\n\n\n\n\n\n

Instalacja Visual Studio Code<\/strong><\/h2>\n\n\n\n

Kolejnym krokiem b\u0119dzie zainstalowanie jakiego\u015b sensownego \u015brodowiska pracy. W moim przypadku jest to Visual Studio Code<\/strong>, kt\u00f3ry (przynajmniej na razie) jest dost\u0119pny za darmo i mo\u017cna go pobra\u0107 z strony visualstudio.microsoft.com<\/a>. Proces instalacji jest dziecinnie prosty wi\u0119c go nie opisuj\u0119.<\/p>\n\n\n\n

Instalacja klienta Angular-a<\/strong><\/h2>\n\n\n\n

Po uruchomieniu Visual Studio Code<\/strong> nale\u017cy wcisn\u0105\u0107 kombinacj\u0119 klawiszy Ctrl+`<\/strong> lub klikn\u0105\u0107 w menu View\u2192Terminal<\/strong> aby po chwili lub co najwy\u017cej dw\u00f3ch oczom twym ukaza\u0142 si\u0119 widok konsoli. To tutaj w jak\u017ce przebieg\u0142y spos\u00f3b za pomoc\u0105 polecenia:<\/p>\n\n\n\n

npm install -g @angular\/cli<\/span><\/p>\n\n\n\n

zostanie zainstalowany klient Angulara<\/strong>.<\/p>\n\n\n\n

Instalacja dodatk\u00f3w<\/h2>\n\n\n\n

W Visual Studio Code<\/strong> mo\u017cliwe jest zainstalowanie dodatk\u00f3w, kt\u00f3re u\u0142atwiaj\u0105 \u017cycie. Oto te, z kt\u00f3rych ja korzystam:<\/p>\n\n\n\n

  • TSLint v1.2.2<\/strong> – pod\u015bwietlanie b\u0142\u0119d\u00f3w w kodzie zawartym w plikach TypeScript<\/strong> jak i HTML-owych<\/strong>;<\/li>
  • Auto Import 1.5.3<\/strong> – u\u0142atwia \u017cycie importuj\u0105c automatycznie wykryte pliki bibliotek oraz komponent\u00f3w, serwis\u00f3w etc. kt\u00f3re samemu utworzy\u0142e\u015b;<\/li>
  • Angular Language Service<\/strong> – wprowadza uzupe\u0142nianie kodu w plikach HTML<\/strong>;<\/li>
  • Angular 8 Snippets<\/strong> – u\u0142atwia tworzenie kodu w plikach HTML<\/strong>;<\/li><\/ul>\n\n\n\n

    Sartorial you probably haven’t heard them umami ennui portland. Sustainable butche corn, la croix four dollar toast salvia probably haven’t bottle pinterest. Ethical polaroid hell chartreuse quinoa. Tote bag poke four loko, pinterest enamel wolf moon semiotics polaroid. Synth tilde ramps. Scenester viral hot chicken actually book photo booth. stache health goth….<\/p>\n","protected":false},"excerpt":{"rendered":"

    Instalacja Node.js Jak ju\u017c wspomina\u0142em wcze\u015bniej, aby mo\u017cliwe by\u0142o pisanie aplikacji przy wykorzystaniu Angulara trzeba najpierw zainstalowa\u0107 Node.js z strony node.js. Samego procesu instalacyjnego nie b\u0119d\u0119 opisywa\u0142, ale pragn\u0119 nadmieni\u0107, \u017ce konieczne jest sprawdzenie pod Windowsem czy \u015bcie\u017cka do programu node i npm (ang. Node Package Menager) zosta\u0142a dodana.<\/p>\n","protected":false},"author":1,"featured_media":42,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-30","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-angular"],"_links":{"self":[{"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/posts\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/comments?post=30"}],"version-history":[{"count":1,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/posts\/30\/revisions"}],"predecessor-version":[{"id":31,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/posts\/30\/revisions\/31"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/media\/42"}],"wp:attachment":[{"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/media?parent=30"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/categories?post=30"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/dziewczynanafroncie.pl\/api\/wp\/v2\/tags?post=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}