Ang WebStorm ay isang pinagsamang kapaligiran sa pag-unlad ng site (IDE) sa pamamagitan ng pagsulat at pag-edit ng code. Ang software ay perpekto para sa propesyonal na paglikha ng mga web application para sa mga site. Ang mga programming language tulad ng JavaScript, HTML, CSS, TypeScript, Dart, at iba pa ay sinusuportahan. Dapat itong sinabi na ang programa ay may suporta ng maraming mga framework, na kung saan ay napaka-maginhawa para sa mga propesyonal na mga developer. Ang programa ay may isang terminal sa pamamagitan ng kung saan ang lahat ng mga pagkilos na isinagawa sa karaniwang linya ng command ng Windows ay ginaganap.
Workspace
Ang disenyo sa editor ay ginawa sa isang maayang estilo, ang mga kulay na maaaring mabago. Magandang madilim at magagaan na mga tema. Ang interface ng workspace ay nilagyan ng isang menu ng konteksto at kaliwang panel. Sa bloke sa kaliwa, ang mga file ng proyekto ay ipinapakita, kung saan maaaring mahanap ng user ang bagay na kailangan niya.
Sa isang malaking block ng programa ay ang code ng bukas na file. Ipinapakita ang mga tab sa tuktok na bar. Sa pangkalahatan, ang disenyo ay napaka-lohikal, at samakatuwid walang mga tool na iba sa lugar ng editor mismo at ang mga nilalaman ng mga bagay ay ipinapakita.
Live na pag-edit
Ang tampok na ito ay nagpapahiwatig na nagpapakita ng resulta ng proyekto sa browser. Sa ganitong paraan maaari mong i-edit ang code na sabay na naglalaman ng mga elemento ng HTML, CSS at JavaScript. Upang ipakita ang lahat ng mga pagkilos ng proyekto sa window ng browser, kailangan mong mag-install ng isang espesyal na plugin - JetBrains IDE Support, partikular para sa Google Chrome. Sa kasong ito, ang lahat ng mga pagbabagong ginawa ay ipapakita nang hindi na muling i-load ang pahina.
Debug Node.js
Pag-debug ng mga application ng Node.js ay nagbibigay-daan sa iyo upang i-scan ang nakasulat na code para sa mga error na naka-embed sa JavaScript o TypeScript. Upang hindi masusuri ng programa ang mga error sa buong code ng proyekto, kailangan mong magsingit ng mga espesyal na tagapagpahiwatig - mga variable. Ang ilalim na panel ay nagpapakita ng tawag stack, na naglalaman ng lahat ng mga notification tungkol sa pagpapatunay ng code, at kung ano ang kailangang baguhin dito.
Kapag pinapalitan mo ang cursor ng mouse sa isang tukoy na error na nakilala, ang editor ay magpapakita ng mga paliwanag para dito. Sa iba pang mga bagay, ang code navigation, autocompletion at refactoring ay sinusuportahan. Ang lahat ng mga mensahe para sa Node.js ay ipinapakita sa isang hiwalay na tab ng lugar ng programa.
Pag-set up ng mga aklatan
Ang mga karagdagang at pangunahing aklatan ay maaaring konektado sa WebStorm. Sa kapaligiran ng pag-unlad, pagkatapos ng pagpili ng isang proyekto, ang mga pangunahing aklatan ay isasama sa default, ngunit ang mga karagdagang mga dapat na manu-manong konektado.
Tulong sa seksyon
Ang tab na ito ay naglalaman ng detalyadong impormasyon tungkol sa IDE, isang gabay at marami pang iba. Ang mga gumagamit ay maaaring mag-iwan ng isang pagsusuri tungkol sa programa o magpadala ng mensahe tungkol sa pagpapabuti ng editor. Upang tingnan ang mga update, gamitin ang function "Lagyan ng check para sa Mga Update ...".
Maaaring mabili ang software para sa isang partikular na halaga o ginagamit nang libre sa loob ng 30 araw. Narito din ang impormasyon tungkol sa tagal ng mode ng pagsubok. Sa seksyon ng tulong, maaari mong ipasok ang code ng pagpaparehistro o pumunta sa site para sa pagbili gamit ang naaangkop na key.
Pagsulat ng code
Kapag nagsusulat o nag-e-edit ng code, maaari mong gamitin ang auto-complete function. Nangangahulugan ito na hindi mo kailangang ganap na isulat ang tag o parameter, dahil ang programa mismo ay tutukoy sa wika at pag-andar ng mga unang titik. Dahil binibigyang-daan ka ng editor na gumamit ka ng iba't ibang mga tab, posible na ayusin ang mga ito hangga't gusto mo.
Ang paggamit ng mga hotkey ay madali mong mahanap ang mga kinakailangang elemento ng code. Ang mga yellow na tooltip sa loob ng code ay maaaring makatulong sa developer na kilalanin ang problema nang maaga at ayusin ito. Sa kasong isang error ay ginawa, ang editor ay ipapakita ito sa pula at balaan ang user tungkol sa na.
Bilang karagdagan, ang lokasyon ng error ay ipinapakita sa scroll bar upang hindi maghanap para sa iyong sarili. Kapag nag-hover ka sa isang error, nagmumungkahi ang editor na pumili ng isa sa mga pagpipilian sa pagbabaybay para sa isang naibigay na kaso.
Pakikipag-ugnayan sa web server
Upang makita ng developer na ang resulta ng pagpapatupad ng code sa pahina ng HTML ng programa, kailangan mong kumonekta sa server. Ito ay binuo sa IDE, lalo na ito ay lokal, na nakaimbak sa PC ng gumagamit. Gamit ang mga advanced na setting, posible na gamitin ang FTP, SFTP, FTPS protocol para sa mga pag-download ng file ng proyekto.
May isang SSH terminal kung saan maaari kang magpasok ng mga command na nagpapadala ng isang kahilingan sa lokal na server. Kaya, maaari mong gamitin ang gayong server bilang tunay, gamit ang lahat ng mga kakayahan nito.
Pag-compiling ng TypeScript sa JavaScript
Ang code na isinulat sa TypeScript ay hindi naproseso ng mga browser dahil gumagana ang mga iyon sa JavaScript. Nangangailangan ito ng pag-compile ng TypeScript sa JavaScript, na maaaring gawin sa WebStorm. Ang compilation ay isinaayos sa naaangkop na tab upang ang programa ay magsagawa ng conversion bilang lahat ng mga file sa extension * .tsat mga indibidwal na bagay. Kung gumawa ka ng anumang mga pagbabago sa file na naglalaman ng code sa TypeScript, awtomatiko itong ipagsama sa JavaScript. Magagamit ang function na ito kung nakumpirma ka sa mga pahintulot ng mga setting upang maisagawa ang operasyon na ito.
Mga wika at mga balangkas
Ang kapaligiran ng pag-unlad ay nagbibigay-daan sa iyo upang makisali sa iba't ibang mga proyekto. Salamat sa Twitter Bootstrap maaari kang lumikha ng mga extension para sa mga site. Paggamit ng HTML5, ito ay magagamit upang ilapat ang mga pinakabagong teknolohiya ng wikang ito. Ang dart ay nagsasalita para sa sarili nito at isang kapalit para sa wikang JavaScript, sa tulong ng kung aling mga web application ang binuo.
Magagawa mong magsagawa ng front-end na pag-unlad salamat sa utility Yeoman console. Ang paglikha ng isang pahina ay tapos na gamit ang balangkas ng AngularJS, na gumagamit ng isang solong HTML file. Ang kapaligiran ng pag-unlad ay nagbibigay-daan sa iyo upang gumana sa iba pang mga proyekto na espesyalista sa paglikha ng istraktura ng disenyo ng mga mapagkukunan ng web at mga karagdagan sa mga ito.
Terminal
Ang software ay may isang terminal na kung saan ay direkta kang magsagawa ng iba't ibang mga operasyon. Ang built-in console ay nagbibigay ng access sa command line ng OS: PowerShell, Bash at iba pa. Kaya maaari mong maisagawa ang mga utos nang direkta mula sa IDE.
Mga birtud
- Maraming suportadong wika at balangkas;
- Mga tooltip sa code;
- Ang pag-edit ng code sa real time;
- Idisenyo ang isang lohikal na istraktura ng mga elemento.
Mga disadvantages
- Bayad na lisensya para sa produkto;
- Interface ng wikang Ingles.
Ang buod ng lahat sa itaas, ito ay kinakailangan upang sabihin na ang WebStorm IDE ay isang mahusay na software para sa pagbuo ng mga application at mga website, na may maraming mga tool. Ang software ay mas nakatutok sa madla ng propesyonal na mga developer. Suporta para sa iba't ibang mga wika at frameworks lumiliko ang programa sa isang tunay na web-studio na may mahusay na mga tampok.
I-download ang trial na bersyon ng WebStorm
I-download ang pinakabagong bersyon ng programa mula sa opisyal na site
Programa para sa paglikha ng isang website 
Aptana studio 
Paganahin ang JavaScript sa Opera browser 
Android StudioIbahagi ang artikulo sa mga social network:
