Notele mele sunt concepute în primul rând pentru webmasterii începători. În ciuda acestui fapt, dezvoltatorii experimentați vor găsi aici și ceva interesant pentru ei înșiși.
În blogul meu, voi publica articole despre tehnologiile web moderne (HTML5, CSS3 și altele). Dacă în procesul de lucru pe proiecte descopăr o soluție "proaspătă" pentru o sarcină, scriu aici aici informații despre acest lucru, care îmi permit să aplice cunoștințele în viitor, dacă este necesar.
Sper că informațiile vor fi utile vizitatorilor.
Instalare și configurare
Puteți descărca IDE NetBeans pe site-ul oficial al programului. Instalarea programului nu se deosebește de instalarea altor aplicații. Singurul lucru care trebuie luat în considerare înainte de a instala NetBeans este că kitul de dezvoltare Java (JDK) 7 sau 8 trebuie instalat pe computer.
Pentru a instala o temă nouă, utilizatorii trebuie să acceseze meniul "Instrumente" → "Opțiuni" → "Fonturi și culori" → "Import". selectați fișierul .zip-arhivat descărcat și faceți clic pe "OK". După aceasta, apare un nou subiect în lista derulantă din partea de sus și poate fi selectată.
În orice caz, aș spune că setările NetBeans IDE sunt stocate în folderul Windows în C: \ Users \ Imya_vashego_polzovatelya \ AppData \ Roaming \ NetBeans \ 8.0.1 \ config \. Rețineți că folderul AppData este un dosar de sistem (ascuns).
Pluginurile sunt instalate în meniul "Instrumente" → "Plug-inuri" din fila "Disponibile pluginuri". Puteți șterge pluginurile instalate în același loc, numai în fila "Instalat".
În timpul procesului de dezvoltare, poate fi necesar să descărcați fișiere pe server prin FTP. Această posibilitate există în NetBeans, ca și în alte IDE-uri. Cu toate acestea, în opinia mea, este organizat nu foarte convenabil. În alte medii de dezvoltare, de exemplu, în PHPStorm, există o fereastră care afișează structura de fișiere de pe serverul de la distanță. Folosind-o, poți descărca fișiere de pe server și din fereastra proiectului le poți încărca pe server. În opinia mea, este foarte convenabil și vizual organizat. În NetBeans, nu există o astfel de vizibilitate. Aici puteți descărca și încărca fișiere din fereastra proiectului, dar nu puteți vedea "imaginea" de pe server.
Pentru a configura conexiunea FTP, în panoul Proiecte, faceți clic dreapta pe numele proiectului și selectați Proprietăți din meniul derulant.
Apoi, în fereastra care se deschide, selectați elementul "Configure" și completați câmpurile obligatorii. Este deosebit de important să alegeți elementul pentru dvs. în lista verticală "Încărcați fișiere". Am ales opțiunea "manual", astfel încât fișierele să nu fie descărcate după salvarea fiecărui fișier. Pentru a introduce datele de conectare la distanță (server, conectare și parolă), faceți clic pe butonul "Gestionați" situat lângă câmpul "Conexiune la distanță".
Dacă totul se face corect, în meniul contextual al fiecărui fișier vor apărea 2 elemente: "Descărcare" și "Descărcare".
Modificarea șabloanelor pentru noile fișiere HTML, CSS
Când creați un fișier nou în proiect, acesta este creat pe baza șablonului. În sistem există șabloane de diferite tipuri de fișiere (HTML, CSS, JS). Aceste șabloane pot fi editate. Adevărul înainte de aceasta este cel mai bine să creați o copie a șablonului pe care doriți să îl modificați.
Dacă citiți cu atenție șablonul, puteți vedea diferite variabile în paranteze curbate. Puteți modifica variabilele existente și puteți adăuga variabilele în șablon. Pentru aceasta, faceți clic pe butonul "Setări". Se va deschide un fișier, în care puteți adăuga propriile variabile. Acest lucru se face foarte simplu, ca atunci când se scrie un program în orice limbaj de programare. Specificați numele variabilei, apoi semnul "=" și valoarea acesteia. În șablon, inserăm variabila astfel: $.
În NetBeans IDE, există deja variabile definite pe care le puteți utiliza în șablon. Iată o listă a acestor variabile:
Utilizați. Puncte utile.
Crearea unui nou proiect
Acum, puțin despre utilizarea programului. Deci, să începem prin crearea unui nou proiect. Din moment ce văd programul din poziția unui coder HTML, apoi vorbind despre proiecte, vreau să spun aplicația pe HTML5. Creați un nou proiect în IDE NetBeans puteți fișiere existente sau complet nou. Pentru aceasta, selectați meniul "Fișier" → "Creare proiect". sau faceți clic pe a doua pictogramă din bara de instrumente de sub meniul de sus. În procesul de creare a unui nou proiect, este posibil să selectați unul dintre cele mai populare cadre CSS și JS și să creați o aplicație bazată pe acesta. Puteți utiliza Angular JS, Bootstrap, HTML5 Boilerplate și altele.
Dacă aveți deja un proiect și doriți să lucrați pe el în continuare, folosind NetBeans, ceva pentru a începe, trebuie să selectați «aplicația HTML5 cu sursa existentă“ și specificați calea către directorul cu fișierele de aplicație.
Ca în orice alt program, este posibilă utilizarea unei combinații de taste fierbinți în NetBeans IDE. O listă cu toate tastele fierbinți poate fi găsită în setări: "Instrumente" → "Opțiuni" → "Atribuire fișiere". Acolo ei nu pot doar să se uite, dar și să se schimbe.
Am ales din această listă comenzile rapide de tastatură "utile" care vă vor ajuta în aspectul layout-urilor și, poate, accelerați acest proces. Le-am pus într-o masă. Îi sugerez cititorului să se familiarizeze cu acesta.
Ctrl + F / Ctrl + H - căutați și înlocuiți în interiorul fișierului
Ctrl + Shift + F / Ctrl + Shift + H - căutați și înlocuiți întregul proiect