WebStorm - бұл кодты жазу және өңдеу арқылы сайтты құрудың интеграцияланған ортасы (IDE). Бағдарламалық жасақтама сайттарға арналған веб-қосымшаларды кәсіби жасауға өте ыңғайлы. Бағдарламалау тілдеріне, мысалы, JavaScript, HTML, CSS, TypeScript, Dart және басқаларға қолдау көрсетіледі. Айта кету керек, бағдарлама көптеген құрылымдарға қолдау көрсетеді, бұл кәсіби әзірлеушілер үшін өте ыңғайлы. Бағдарламада Windows-тың стандартты командалық жолында орындалатын барлық әрекеттер орындалатын терминал бар.
Жұмыс аймағы
Редактордағы дизайн жағымды стильде жасалған, оның түс схемасын өзгертуге болады. Қараңғы және ашық тақырыптар бар. Жұмыс кеңістігінің интерфейсі контекстік мәзірмен және сол жақ панельмен жабдықталған. Жоба файлдары сол жақтағы блокта көрсетіледі, оларда пайдаланушы өзіне қажет нысанды таба алады.
Бағдарламаның үлкен блогында ашық файлдың коды орналасқан. Қойындылар жоғарғы панельде көрсетіледі. Жалпы алғанда, дизайн өте қисынды, сондықтан редактор аймағынан және оның нысандарынан басқа ешқандай құрал көрсетілмейді.
Тікелей редакциялау
Бұл мүмкіндік жоба нәтижесін браузерде көрсетуді білдіреді. Осылайша сіз бір уақытта HTML, CSS және JavaScript элементтерінен тұратын кодты өңдей аласыз. Жобаның барлық әрекеттерін браузер терезесінде көрсету үшін сізге арнайы плагин - JetBrains IDE қолдауын, атап айтқанда Google Chrome үшін орнату керек. Бұл жағдайда енгізілген барлық өзгерістер парақты қайта жүктеместен көрсетіледі.
Node.js-ді жөндеу
Node.js қосымшаларын жөндеу JavaScript немесе TypeScript-ке енгізілген қателіктердің жазылған кодын сканерлеуге мүмкіндік береді. Бағдарламаның бүкіл жобалық кодтағы қателерді тексеруіне жол бермеу үшін арнайы индикаторларды - айнымалыларды енгізу керек. Төменгі панельде кодты тексеруге қатысты барлық ескертулер және ондағы өзгертулер қажет болатын қоңыраулар жиынтығы көрсетіледі.
Белгілі бір қатені анықтаған кезде, редактор оған түсіндірмелерді көрсетеді. Сонымен қатар, кодты шарлау, авто-толтыру және рефакторингке қолдау көрсетіледі. Node.js-тің барлық хабарламалары бағдарламаның жұмыс кеңістігінің бөлек қойындысында көрсетіледі.
Кітапхананы орнату
WebStorm-та қосымша және негізгі кітапханаларды қосуға болады. Әзірлеу ортасында, жобаны таңдағаннан кейін, негізгі кітапханалар қол жетімділікке әдепкі бойынша қосылады, бірақ қосымша кітаптар қолмен қосылуы керек.
Анықтама бөлімі
Бұл қойындыда IDE, нұсқаулық және т.б. туралы толық ақпарат бар. Пайдаланушылар бағдарлама туралы пікір қалдыра алады немесе редактордың жетілдірілгені туралы хабарлама жібере алады. Жаңартуларды тексеру үшін функцияны қолданыңыз «Жаңартуларды тексеру ...».
Бағдарламалық жасақтаманы белгілі бір сомаға сатып алуға немесе 30 күн бойы ақысыз пайдалануға болады. Сынақ режимінің ұзақтығы туралы ақпарат осы жерде. Анықтама бөлімінде сіз сәйкес кодты пайдаланып тіркеу кодын енгізе аласыз немесе веб-сайтқа кіре аласыз.
Код жазу
Кодты жазу немесе өңдеу кезінде сіз авто-толтыру функциясын қолдана аласыз. Бұл тег пен параметрді толығымен тіркеудің қажеті жоқ дегенді білдіреді, өйткені бағдарламаның өзі бірінші әріптер арқылы тіл мен функцияны анықтайды. Редактор көптеген қойындыларды пайдалануға мүмкіндік беретінін ескере отырып, оларды қалауыңыз бойынша реттеуге болады.
Ыстық пернелердің көмегімен қажетті код элементтерін оңай табуға болады. Кодтың ішіндегі сары кеңестер әзірлеушіге мәселені алдын-ала анықтап, оны шешуге көмектеседі. Егер қате болса, редактор оны қызыл түспен көрсетеді және қолданушыға ескертеді.
Сонымен қатар, өзіңіз іздемеу үшін қате орны жылжыту жолағында көрсетіледі. Қатені анықтаған кезде редактордың өзі белгілі бір іс бойынша емле нұсқаларының бірін таңдауға кеңес береді.
Веб-сервердің өзара әрекеттесуі
Әзірлеуші HTML парағында кодты орындау нәтижесін көруі үшін бағдарлама серверге қосылуы керек. Ол IDE-ге салынған, атап айтқанда, ол жергілікті, пайдаланушының компьютерінде сақталған. Қосымша параметрлерді қолдана отырып, жоба файлдарын жүктеу үшін FTP, SFTP, FTPS протоколдарын пайдалануға болады.
SSH терминалы бар, онда жергілікті серверге сұраныс жіберетін командаларды енгізуге болады. Осылайша, сіз осындай серверді оның барлық мүмкіндіктерін қолдана отырып, нақты сервер ретінде пайдалана аласыз.
JavaScript-тегі TypeScript-ті құрастыру
TypeScript кодын браузерлер өңдемейді, өйткені олар JavaScript-пен жұмыс істейді. Бұл TypeScript-ті JavaScript-те жасауды талап етеді, оны WebStorm-та жасауға болады. Бағдарлама барлық файлдарды кеңейтіммен түрлендіретін етіп, тиісті қойындыда құрастырылған * .tsжәне жеке объектілер. Егер сіз TypeScript коды бар файлға өзгертулер енгізсеңіз, ол автоматты түрде JavaScript-ке қосылады. Мұндай функция сіз параметрлерде осы әрекетті орындауға рұқсатты растаған жағдайда қол жетімді.
Тілдер және шеңберлер
Даму ортасы әртүрлі жобаларға қатысуға мүмкіндік береді. Twitter Bootstrap арқасында сіз сайттарға кеңейтімдер жасай аласыз. HTML5 көмегімен осы тілдің жаңа технологияларын қолдануға болады. Dart өзі туралы сөйлейді және JavaScript тілінің орнын басады, оның көмегімен веб-қосымшалар жасалады.
Yeoman консолі арқасында сіз фронтальды өңдеуді жүзеге асыра аласыз. Бір бетті құру бір HTML файлын қолданатын AngularJS жақтауы арқылы жасалады. Даму ортасы веб-ресурстар мен оларға қосымшалар жасауға арналған құрылымды құруға мамандандырылған басқа жобалармен жұмыс істеуге мүмкіндік береді.
Терминал
Бағдарламалық жасақтама әр түрлі операцияларды тікелей жасай алатын терминалмен бірге келеді. Кірістірілген консоль ОС басқару жолына қол жеткізуге мүмкіндік береді: PowerShell, Bash және басқалар. Осылайша сіз командаларды тікелей IDE-ден орындай аласыз.
Артықшылықтары
- Көптеген қолдау көрсетілетін тілдер мен шеңберлер;
- Кодтағы кеңестер;
- Нақты уақыттағы кодтарды редакциялау
- Элементтердің логикалық құрылымымен дизайн.
Кемшіліктері
- Ақылы өнім лицензиясы;
- Ағылшын тілінің интерфейсі.
Жоғарыда айтылғандардың бәрін қорытындылау үшін IDE WebStorm көптеген құрал-саймандары бар қосымшалар мен веб-сайттарды жасауға арналған тамаша бағдарлама екендігін айту керек. Бағдарламалық жасақтама кәсіби әзірлеушілер аудиториясына көбірек бағытталған. Түрлі тілдер мен шеңберлерге қолдау көрсету бағдарламаны керемет мүмкіндіктері бар шынайы веб-студияға айналдырады.
WebStorm нұсқасының жүктеу нұсқасы
Бағдарламаның соңғы нұсқасын ресми сайттан жүктеп алыңыз
Бағдарламаны бағалаңыз:
Ұқсас бағдарламалар мен мақалалар:
Opera шолғышында JavaScript қосу 
Android студиясыМақаланы әлеуметтік желілерде бөлісу:
