WebStorm is 'n geïntegreerde webwerf ontwikkelingsomgewing (IDE) deur die skryf en redigering van kode. Die sagteware is ideaal vir professionele webwerwe vir webwerwe. Programmeringstale soos JavaScript, HTML, CSS, TypeScript, Dart, en ander word ondersteun. Daar moet gesê word dat die program die ondersteuning van baie raamwerke het, wat baie handig is vir professionele ontwikkelaars. Die program het 'n terminaal waardeur alle aksies wat in die standaard Windows-opdraglyn uitgevoer word, uitgevoer word.
werkspasie
Die ontwerp in die redakteur word in 'n aangename styl gemaak, waarvan die kleure verander kan word. Teenwoordige donker en ligte temas. Die koppelvlak van die werkplek is toegerus met 'n konteks kieslys en linkerkant. In die blok aan die linkerkant word die projeklêers vertoon, waarin die gebruiker die voorwerp kan vind wat hy benodig.
In 'n groot blok van die program is die kode van die oop lêer. Tabs word op die boonste balk vertoon. Oor die algemeen is die ontwerp baie logies, en daarom word geen ander gereedskap as die redakteur area self en die inhoud van sy voorwerpe vertoon nie.
Live wysig
Hierdie funksie impliseer dat die resultate van die projek in die blaaier vertoon word. Op hierdie manier kan jy kode wysig wat gelyktydig HTML-, CSS- en JavaScript-elemente bevat. Om alle projek aksies in die blaaier venster te vertoon, moet u 'n spesiale plugin installeer - JetBrains IDE Support, veral vir Google Chrome. In hierdie geval sal alle veranderinge vertoon word sonder om die bladsy te herlaai.
Debug Node.js
Debugging Node.js programme laat jou toe om geskrewe kode te skandeer vir foute wat in JavaScript of TypeScript ingebed is. Sodat die program nie na die foute in die hele projekkode kyk nie, moet u spesiale aanwysers - veranderlikes invoeg. Die onderste paneel vertoon die oproepstapel, wat al die kennisgewings met betrekking tot die verifikasie van die kode bevat en wat daarvoor verander moet word.
As jy die muiswyser oor 'n spesifieke fout wat geïdentifiseer is, beweeg, sal die redakteur verduidelikings daarvoor toon. Onder andere word kode navigasie, outocompletion en refactoring ondersteun. Alle boodskappe vir Node.js word vertoon in 'n aparte oortjie van die program area.
Biblioteke opstel
Bykomende en basiese biblioteke kan aan WebStorm gekoppel word. In die ontwikkelingsomgewing sal na die keuse van 'n projek die hoofbiblioteke by verstek ingesluit word, maar bykomende moet handmatig verbind word.
Help afdeling
Hierdie blad bevat gedetailleerde inligting oor die IDE, 'n gids en nog baie meer. Gebruikers kan 'n resensie oor die program verlaat of 'n boodskap stuur oor die verbetering van die redakteur. Om na opdaterings te kyk, gebruik die funksie "Kyk vir opdaterings ...".
Sagteware kan vir 'n spesifieke bedrag gekoop word of vir 30 dae gratis gebruik word. Inligting oor die duur van die proefmodus is ook hier. In die help afdeling, kan u die registrasie kode of gaan na die webwerf vir aankoop met behulp van die toepaslike sleutel.
Kode skryf
Wanneer u kode skryf of redigeer, kan u die outomatiese voltooiingsfunksie gebruik. Dit beteken dat jy nie die merker of parameter hoef te skryf nie, aangesien die program self die taal en funksie met die eerste letters sal bepaal. Aangesien die redakteur jou toelaat om 'n verskeidenheid tabs te gebruik, is dit moontlik om hulle te rangskik soos jy wil.
Met behulp van hotkeys kan jy maklik die nodige kode elemente vind. Geel gereedskapstippe in die kode kan die ontwikkelaar help om die probleem vooraf te identifiseer en reg te stel. In die geval van 'n fout, sal die redakteur dit rooi vertoon en die gebruiker daaroor waarsku.
Daarbenewens word die ligging van die fout op die skuifbalk vertoon om nie self te soek nie. As u 'n fout sweef, stel die redakteur self voor om een van die spellingopsies vir 'n gegewe geval te kies.
Interaksie met die webbediener
Om die ontwikkelaar die resultaat van die uitvoering van die kode op die HTML-bladsy van die program te sien, is dit nodig om aan die bediener te koppel. Dit is gebou in die IDE, naamlik dit is lokaal, gestoor op die gebruiker se rekenaar. Met behulp van gevorderde instellings, is dit moontlik om FTP, SFTP, FTPS protokolle te gebruik vir die aflaai van projeklêers.
Daar is 'n SSH-terminaal waarin u opdragte kan invul wat 'n versoek aan die plaaslike bediener stuur. So, jy kan so 'n bediener as werklik gebruik, met al sy vermoëns.
Opstel van TypeScript in JavaScript
Kode wat in TypeScript geskryf is, word nie deur blaaiers verwerk nie omdat hulle met JavaScript werk. Dit vereis dat jy TypeScript in JavaScript opstel, wat in WebStorm gedoen kan word. Die samestelling is op die toepaslike oortjie opgestel sodat die program die omskakeling uitvoer as alle lêers met die uitbreiding * .tsen individuele voorwerpe. As u enige veranderinge aanbring in die lêer wat die kode bevat met TypeScript, word dit outomaties saamgestel in JavaScript. Hierdie funksie is beskikbaar as jy in die instellings bevestig het om hierdie operasie uit te voer.
Tale en raamwerke
Die ontwikkelingsomgewing stel jou in staat om in 'n verskeidenheid projekte betrokke te raak. Danksy Twitter Bootstrap kan u uitbreidings vir webwerwe maak. Deur HTML5 te gebruik, word dit beskikbaar om die nuutste tegnologieë van hierdie taal toe te pas. Dart praat vir homself en is 'n vervanging vir die JavaScript-taal, met behulp van watter webprogramme ontwikkel word.
U sal die ontwikkeling van die front-end kan uitvoer, danksy die Yeoman-konsole. Een bladsy-skepping word gedoen met behulp van die AngularJS-raamwerk, wat 'n enkele HTML-lêer gebruik. Die ontwikkelingsomgewing stel u in staat om te werk aan ander projekte wat spesialiseer in die skep van die struktuur van die ontwerp van webbronne en byvoegings aan hulle.
terminale
Die sagteware bevat 'n terminaal waarin u verskillende operasies direk kan uitvoer. Die ingeboude konsole gee toegang tot die opdraglyn van die bedryfstelsel: PowerShell, Bash en ander. U kan dus direk vanaf die IDE opdragte uitvoer.
waardigheid
- Baie ondersteunde tale en raamwerke;
- Tooltips in die kode;
- Redigeer kode in reële tyd;
- Ontwerp met 'n logiese struktuur van elemente.
tekortkominge
- Betaalde lisensie vir die produk;
- Engelse taal koppelvlak.
Opsomming van al die bogenoemde, dit is nodig om te sê dat WebStorm IDE 'n uitstekende sagteware is vir die ontwikkeling van toepassings en webwerwe, wat baie gereedskap het. Die sagteware is meer gefokus op die gehoor van professionele ontwikkelaars. Ondersteuning vir 'n verskeidenheid tale en raamwerke maak die program 'n ware webstudio met groot funksies.
Aflaai proef weergawe van WebStorm
Laai die nuutste weergawe van die program af vanaf die amptelike webwerf
Deel die artikel in sosiale netwerke: