WebStorm- ը կայքի զարգացման ինտեգրված միջավայր է (IDE), որը գրելու և խմբագրելու կոդն է: Ծրագրակազմը կատարյալ է կայքերի համար վեբ հավելվածների պրոֆեսիոնալ ստեղծման համար: Օժանդակ են ծրագրավորման լեզուները, ինչպիսիք են JavaScript, HTML, CSS, TypeScript, Dart և այլն: Պետք է ասել, որ ծրագիրը աջակցում է բազմաթիվ շրջանակների, ինչը շատ հարմար է պրոֆեսիոնալ մշակողների համար: Ծրագիրն ունի տերմինալ, որի միջոցով իրականացվում են Windows- ի ստանդարտ հրամանի տողում կատարված բոլոր գործողությունները:
Աշխատանքային տարածք
Խմբագրում դիզայնը կատարվում է հաճելի ոճով, որի գունային սխեման կարող է փոխվել: Կան մութ և թեթև թեմաներ: Աշխատանքային տարածքի ինտերֆեյսը հագեցած է համատեքստային մենյուով և ձախ վահանակով: Ծրագրի ֆայլերը ցուցադրվում են ձախ մասում գտնվող բլոկում, նրանց մեջ օգտագործողը կարող է գտնել իրեն անհրաժեշտ իրերը:
Ծրագրի մեծ բլոկում բաց ֆայլի ծածկագիրն է: Ներդիրները ցուցադրվում են վերին վահանակում: Ընդհանուր առմամբ, դիզայնը շատ տրամաբանական է, և, հետևաբար, խմբագրողի տարածքից և դրա օբյեկտների պարունակությունից բացի այլ գործիքներ չեն ցուցադրվում:
Կենդանի խմբագրում
Այս հատկությունը ենթադրում է ծրագրի արդյունքը դիտարկիչով ցուցադրելը: Այս կերպ Դուք կարող եք խմբագրել կոդ, որը միաժամանակ պարունակում է HTML, CSS և JavaScript տարրեր: Ծրագրի բոլոր գործողությունները զննարկչի պատուհանում ցուցադրելու համար դուք պետք է տեղադրեք հատուկ հավելյալ `JetBrains IDE աջակցություն, մասնավորապես Google Chrome- ի համար: Այս դեպքում կատարված բոլոր փոփոխությունները կցուցադրվեն առանց էջը վերբեռնելու:
Կարգավիճակի հանգույց.js
Կարգավորումը Node.js ծրագրերը թույլ են տալիս սկանավորել գրավոր կոդը JavaScript- ում կամ TypeScript- ում ներդրված սխալների համար: Ծրագրի ամբողջ ծածկագրում սխալները ստուգելու համար ծրագիրը կանխելու համար հարկավոր է տեղադրել հատուկ ցուցանիշներ `փոփոխականներ: Ներքևի վահանակում ցուցադրվում է զանգի պահոցը, որն իր մեջ պարունակում է բոլոր ծանուցագրերը ՝ կապված կոդի ստուգման հետ, և թե ինչ է պետք փոխել դրա մեջ:
Երբ ակնաբույժ եք նայում որոշակի որոշակի սխալի մասին, խմբագիրն իր համար կներկայացնի բացատրություններ: Ի թիվս այլ բաների, աջակցվում են կոդային նավարկումը, ավտոմատ լրացումը և վերազինումը: Node.js- ի բոլոր հաղորդագրությունները ցուցադրվում են ծրագրի աշխատանքային տարածքի առանձին ներդիրում:
Գրադարանի տեղադրում
WebStorm- ում կարող եք միացնել լրացուցիչ և հիմնական գրադարաններ: Զարգացման միջավայրում նախագիծ ընտրելուց հետո հիմնական գրադարանները ներառված կլինեն մատչելիության մեջ, լռելյայն, բայց լրացուցիչ դրանք պետք է միացված լինեն ձեռքով:
Օգնության բաժին
Այս ներդիրը պարունակում է մանրամասն տեղեկություններ IDE- ի վերաբերյալ, ուղեցույց և շատ ավելին: Օգտագործողները կարող են թողնել հետադարձ կապ ծրագրի մասին կամ հաղորդագրություն ուղարկել խմբագրի բարելավման մասին: Թարմացումները ստուգելու համար օգտագործեք գործառույթը "Ստուգեք թարմացումները ...".
Ծրագրակազմը կարելի է ձեռք բերել որոշակի քանակությամբ կամ անվճար օգտագործել 30 օրվա ընթացքում: Դատավարության ռեժիմի տևողության մասին տեղեկատվությունը նույնպես առկա է այստեղ: Օգնության բաժնում կարող եք մուտքագրել գրանցման կոդ կամ համապատասխան ստեղն օգտագործելու միջոցով գնալ կայք:
Կոդի գրելը
Կոդը գրելիս կամ խմբագրելիս կարող եք օգտագործել ինքնավարտացման գործառույթը: Սա նշանակում է, որ ձեզ հարկավոր չէ ամբողջությամբ գրանցել պիտակը կամ պարամետրը, քանի որ ծրագիրը ինքնին որոշելու է լեզուն և գործառույթը առաջին տառերով: Հաշվի առնելով, որ խմբագիրը թույլ է տալիս օգտագործել շատ ներդիրներ, հնարավոր է դրանք կազմակերպել այնպես, ինչպես ցանկանում եք:
Օգտագործելով տաք ստեղներ, կարող եք հեշտությամբ գտնել անհրաժեշտ կոդերի տարրերը: Կոդի ներսում դեղին գործիքակազմերը կարող են օգնել ծրագրավորողին նախօրոք հայտնաբերել խնդիրը և շտկել այն: Եթե սխալ է թույլ տրվել, խմբագիրն այն կարմիրով կցուցադրի և նախազգուշացնում է օգտագործողին:
Բացի այդ, սխալի գտնվելու վայրը ցուցադրվում է ոլորման գոտում, որպեսզի ինքնուրույն չփնտրեք: Սխալվելով սխալվելիս `խմբագիրն ինքը կառաջարկի ընտրել որոշակի դեպքի ուղղագրական տարբերակներից մեկը:
Վեբ սերվերի փոխազդեցություն
Որպեսզի ծրագրավորողը HTML էջում տեսնի կոդերի կատարման արդյունքը, ծրագիրը պետք է միացվի սերվերին: Այն ներկառուցված է IDE- ի մեջ, մասնավորապես, այն տեղական է, որը պահվում է օգտագործողի համակարգչում: Օգտագործելով առաջադեմ պարամետրերը, հնարավոր է օգտագործել FTP, SFTP, FTPS արձանագրությունները `նախագծի ֆայլերը ներբեռնելու համար:
Կա SSH տերմինալ, որում կարող եք մուտքագրել հրամաններ, որոնք հարցում են ուղարկում տեղական սերվերին: Այսպիսով, դուք կարող եք օգտագործել նման սերվեր որպես իրական, օգտագործելով նրա բոլոր հնարավորությունները:
TypeScript- ը JavaScript- ում կազմելը
TypeScript ծածկագիրը չի մշակվում բրաուզերների կողմից, քանի որ նրանք աշխատում են JavaScript- ի հետ: Սա պահանջում է, որ TypeScript- ը կազմվի JavaScript- ի մեջ, ինչը կարելի է անել WebStorm- ում: Կազմումը կազմաձևված է համապատասխան ներդիրի վրա, որպեսզի ծրագիրը վերափոխի բոլոր ֆայլերը ընդլայնմամբ * .tsև անհատական առարկաներ: Եթե TypeScript կոդ պարունակող ֆայլում որևէ փոփոխություն կատարեք, այն ինքնաբերաբար կազմվում է JavaScript- ի մեջ: Նման գործառույթը մատչելի է, եթե պարամետրերում հաստատել եք այս գործողությունը կատարելու թույլտվությունը:
Լեզուներ և շրջանակներ
Զարգացման միջավայրը թույլ է տալիս ներգրավվել տարբեր նախագծերի: Twitter Bootstrap- ի շնորհիվ կարող եք կայքերի ընդլայնումներ ստեղծել: Օգտագործելով HTML5, այն հասանելի է դառնում այս լեզվի վերջին տեխնոլոգիաները կիրառելու համար: Դարտը խոսում է ինքնին և JavaScript- ի փոխարինող է. Վեբ ծրագրերը մշակվում են նրա օգնությամբ:
Դուք կկարողանաք իրականացնել առջևի զարգացում `շնորհիվ վահանակային կոմունալ Yeoman- ի: Մեկ էջից բաղկացած ստեղծումը կատարվում է ՝ օգտագործելով AngularJS շրջանակը, որն օգտագործում է մեկ HTML ֆայլ: Զարգացման միջավայրը թույլ է տալիս աշխատել այլ նախագծերի վրա, որոնք մասնագիտանում են վեբ ռեսուրսների ձևավորման և դրանցում լրացումներ կազմելու համար:
Տերմինալ
Ծրագիրը գալիս է տերմինալով, որտեղ դուք ուղղակիորեն կկատարեք տարբեր գործողություններ: Ներկառուցված վահանակը հնարավորություն է տալիս մուտք գործել OS հրամանի տող `PowerShell, Bash և այլն: Այսպիսով, դուք կարող եք կատարել հրամաններ անմիջապես IDE- ից:
Առավելությունները
- Շատ օժանդակ լեզուներ և շրջանակներ;
- Գործիքային ցուցումներ կոդում;
- Իրական ժամանակի կոդերի խմբագրում
- Ձևավորում տարրերի տրամաբանական կառուցվածքով:
Թերությունները
- Վճարովի արտադրանքի լիցենզիա;
- Անգլերեն լեզվով ինտերֆեյս:
Վերոնշյալ բոլորը ամփոփելու համար անհրաժեշտ է ասել, որ IDE WebStorm- ը հիանալի ծրագիր է ծրագրերի և կայքերի զարգացման համար, որն ունի բազմաթիվ գործիքներ: Ծրագրային ապահովումը ավելի շատ կենտրոնացած է պրոֆեսիոնալ մշակողների լսարանի վրա: Տարբեր լեզուների և շրջանակների աջակցությունը ծրագիրը վերածում է իսկական վեբ ստուդիայի `մեծ հատկություններով:
Ներբեռնեք WebStorm- ի փորձնական տարբերակը
Ներբեռնեք ծրագրի վերջին տարբերակը պաշտոնական կայքից
Գնահատեք ծրագիրը.
Նմանատիպ ծրագրեր և հոդվածներ.
![](http://img.eifeg.com/img/lump-2019/4768/webstorm-2017-15.png)
![](http://img.eifeg.com/img/lump-2019/4768/webstorm-2017-16.png)
Տարածեք հոդվածը սոցիալական ցանցերում.