കോഡ് എഴുതി എഴുതുന്നതിലൂടെ ഒരു സംയോജിത സൈറ്റ് വികസന പരിതസ്ഥിതി (IDE) ആണ് വെബ്സ്റ്റാം. സൈറ്റുകൾക്കായുള്ള വെബ് ആപ്ലിക്കേഷനുകളുടെ പ്രൊഫഷണൽ സൃഷ്ടിക്കൽ ഈ സോഫ്റ്റ്വെയർ അനുയോജ്യമാണ്. പ്രോഗ്രാമിംഗ് ഭാഷകൾ JavaScript, HTML, CSS, TypeScript, ഡാർട്ട്, തുടങ്ങിയവ പിന്തുണയ്ക്കുന്നു. പ്രൊഫഷണൽ ഡവലപ്പർമാർക്ക് വളരെ സൗകര്യപ്രദമായ നിരവധി ചട്ടക്കൂടുകളുടെ പിന്തുണ ഈ പ്രോഗ്രാമിന് ഉണ്ടെന്ന് പറയേണ്ടിവരും. സാധാരണ വിൻഡോസ് കമാൻഡ് ലൈനിലെ എല്ലാ പ്രവർത്തനങ്ങളും നടപ്പിലാക്കുന്ന പ്രോഗ്രാം ഒരു ടെർമിനലാണ്.
ജോലിസ്ഥലത്ത്
എഡിറ്ററിലെ ഡിസൈൻ ഒരു മനോഹരമായ സ്റ്റൈലിലാണ് നിർമ്മിച്ചിരിക്കുന്നത്, അതിന്റെ നിറങ്ങൾ മാറ്റാൻ കഴിയും. ഇരുണ്ട, നേരിയ തീമുകൾ അവതരിപ്പിക്കുക. വർക്ക്സ്പെയ്സിന്റെ ഇന്റർഫേസ് ഒരു കോൺടെക്സ്റ്റ് മെനുവും ഇടത് പാനലും കൊണ്ട് സജ്ജീകരിച്ചിരിക്കുന്നു. ഇടതുവശത്തുള്ള ബ്ലോക്കിലുള്ള, പ്രോജക്റ്റ് ഫയലുകൾ പ്രദർശിപ്പിക്കും, അതിൽ ഉപയോക്താവിന് ആവശ്യമായ വസ്തുവിനെ കണ്ടെത്താൻ കഴിയും.
പ്രോഗ്രാമിന്റെ വലിയ ഭാഗത്ത് ഓപ്പൺ ഫയലിന്റെ കോഡ് ആണ്. മുകളിൽ ബാറിൽ ടാബുകൾ പ്രദർശിപ്പിക്കും. സാധാരണയായി, ഡിസൈൻ വളരെ ലോജിക്കൽ ആണ്, അതിനാൽ എഡിറ്റർ പ്രദേശം കൂടാതെ അതിന്റെ വസ്തുക്കളുടെ ഉള്ളടക്കവും പ്രദർശിപ്പിക്കില്ല.
ലൈവ് എഡിറ്റ്
ഈ സവിശേഷത ബ്രൌസറിൽ പദ്ധതിയുടെ ഫലം കാണിക്കുന്നു. HTML, CSS, ജാവാസ്ക്രിപ്റ്റ് ഘടകങ്ങൾ ഒരേ സമയം നിങ്ങൾക്ക് കോഡ് എഡിറ്റുചെയ്യാൻ കഴിയും. ബ്രൌസർ വിൻഡോയിൽ എല്ലാ പ്രൊജക്റ്റ് പ്രവർത്തനങ്ങളും പ്രദർശിപ്പിക്കുന്നതിന്, നിങ്ങൾ ഒരു പ്രത്യേക പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്യണം - JetBrains IDE പിന്തുണ, പ്രത്യേകിച്ച് Google Chrome- നായി. ഈ സാഹചര്യത്തിൽ, വരുത്തിയ എല്ലാ മാറ്റങ്ങളും പേജ് റീലോഡ് ചെയ്യാതെ പ്രദർശിപ്പിക്കും.
ഡീബഗ് Node.js
ഡീബഗ്ഗിംഗ് Node.js അപ്ലിക്കേഷനുകൾ ജാവാസ്ക്രിപ്റ്റിൽ അല്ലെങ്കിൽ ടൈപ്സ്ക്രിക്സിൽ ഉൾപ്പെടുത്തിയ പിശകുകൾക്കായി എഴുതാൻ കോഡ് സ്കാൻ ചെയ്യാൻ നിങ്ങളെ അനുവദിക്കുന്നു. പ്രോഗ്രാം പ്രോജക്ട് കോഡിലെ പിശകുകൾ പരിശോധിക്കുന്നില്ല അതിനാൽ പ്രത്യേക ചിഹ്നങ്ങൾ തിരുകുക - വേരിയബിളുകൾ. താഴെയുള്ള പാനൽ കോൾ സ്റ്റാക്കിൽ കാണിക്കുന്നു, അതിൽ കോഡിന്റെ സ്ഥിരീകരണത്തിനായുള്ള എല്ലാ അറിയിപ്പുകളും അടങ്ങിയിരിക്കുന്നു, അതിൽ എന്താണ് മാറ്റങ്ങൾ വരുത്തേണ്ടത്.
തിരിച്ചറിഞ്ഞ ഒരു പ്രത്യേക പിശക് കാരണം നിങ്ങൾ മൗസ് കഴ്സർ ഹോവർ ചെയ്യുമ്പോൾ, അതിന്റെ എഡിറ്റർ അതിൻറെ വിശദീകരണങ്ങൾ പ്രദർശിപ്പിക്കും. മറ്റ് കാര്യങ്ങളിൽ കോഡ് നാവിഗേഷൻ, സ്വയം പൂർത്തീകരണം, റീഫക്ടറിങ് എന്നിവ പിന്തുണയ്ക്കുന്നു. പ്രോഗ്രാം സ്ഥലത്തിന്റെ ഒരു പ്രത്യേക ടാബിൽ Node.js നായുള്ള എല്ലാ സന്ദേശങ്ങളും പ്രദർശിപ്പിച്ചിരിക്കുന്നു.
ലൈബ്രറികൾ സജ്ജമാക്കുന്നു
അധികവും അടിസ്ഥാന ലൈബ്രറികളും വെബ്സ്റ്റോറുമായി ബന്ധിപ്പിക്കാം. വികസന പരിതസ്ഥിതിയിൽ, ഒരു പ്രോജക്ട് തിരഞ്ഞെടുത്ത ശേഷം, പ്രധാന ലൈബ്രറികൾ സ്വതവേ ചേർക്കും, പക്ഷേ അധികമായി പരസ്പരം ബന്ധിപ്പിക്കണം.
സഹായ വിഭാഗം
ഈ ടാബിൽ IDE, ഗൈഡ്, കൂടുതൽ എന്നിവയെക്കുറിച്ചുള്ള കൂടുതൽ വിവരങ്ങൾ അടങ്ങിയിരിക്കുന്നു. ഉപയോക്താവിന് പ്രോഗ്രാമിനെ കുറിച്ചുള്ള ഒരു പുനരവലോകനം നടത്തുകയോ എഡിറ്റർ മെച്ചപ്പെടുത്തുന്നതിനെ കുറിച്ചുള്ള ഒരു സന്ദേശം അയയ്ക്കാവുന്നതാണ്. അപ്ഡേറ്റുകൾക്കായി പരിശോധിക്കാൻ ഫംഗ്ഷൻ ഉപയോഗിക്കുക "അപ്ഡേറ്റുകൾക്കായി പരിശോധിക്കുക ...".
സോഫ്റ്റ്വെയർ ഒരു നിർദ്ദിഷ്ട തുകയ്ക്കായി 30 ദിവസം സൗജന്യമായി വാങ്ങാൻ കഴിയും. ട്രയൽ മോഡിന്റെ ദൈർഘ്യത്തെക്കുറിച്ചുള്ള വിവരങ്ങളും ഇവിടെയുണ്ട്. സഹായ ഭാഗത്ത്, രജിസ്ട്രേഷൻ കോഡ് നൽകാം അല്ലെങ്കിൽ അനുയോജ്യമായ കീ ഉപയോഗിച്ച് വാങ്ങുന്നതിന് സൈറ്റിലേക്ക് പോവുക.
കോഡ് എഴുത്ത്
കോഡ് എഴുതുമ്പോഴോ എഡിറ്റുചെയ്യുമ്പോഴോ, നിങ്ങൾ സ്വയം പൂർത്തിയാക്കിയ പ്രവർത്തനം ഉപയോഗിക്കാം. ഇതിനർത്ഥം ടാഗും പരാമീറ്ററും പൂർണ്ണമായി എഴുതേണ്ട ആവശ്യമില്ല എന്നാണ്, കാരണം പ്രോഗ്രാം ആദ്യത്തെ അക്ഷരങ്ങളിലൂടെ ഭാഷയും പ്രവർത്തനവും നിർണ്ണയിക്കും. നിരവധി ടാബുകൾ ഉപയോഗിക്കുന്നതിന് എഡിറ്റർ നിങ്ങളെ അനുവദിക്കുന്നു, നിങ്ങൾക്ക് ഇഷ്ടമുള്ളപോലെ അവരെ ക്രമീകരിക്കാൻ കഴിയും.
ഹോട്ട്കീകൾ ഉപയോഗിക്കുന്നത് നിങ്ങൾക്ക് ആവശ്യമായ കോഡ് ഘടകങ്ങൾ എളുപ്പത്തിൽ കണ്ടെത്താൻ കഴിയും. കോഡ്ക്കുള്ള മഞ്ഞ ടൂൾടിപ്പുകൾ, ഡവലപ്പറിനെ മുൻകൂട്ടി തിരിച്ചറിയാൻ സഹായിക്കുന്നതിനും അത് പരിഹരിക്കുന്നതിനും സഹായിക്കുന്നു. ഒരു പിശക് ഉണ്ടായിട്ടുണ്ടെങ്കിൽ, എഡിറ്റർ അത് ചുവപ്പ് നിറത്തിൽ പ്രദർശിപ്പിച്ച് അതിനെക്കുറിച്ച് ഉപയോക്താവിനെ മുന്നറിയിപ്പ് നൽകുന്നു.
കൂടാതെ, നിങ്ങൾക്കായി തിരയാത്തതിനായാണ് പിശക് ലൊക്കേഷനിൽ സ്ക്രോൾ ബാറിൽ പ്രദർശിപ്പിക്കുന്നത്. നിങ്ങൾ ഒരു പിശക് കാണുമ്പോഴെല്ലാം, എഡിറ്ററും ഒരു പ്രത്യേക കേസിലെ സ്പെല്ലിംഗ് ഓപ്ഷനുകൾ തിരഞ്ഞെടുക്കാൻ നിർദ്ദേശിക്കുന്നു.
വെബ് സെർവറുമായുള്ള ഇടപെടൽ
പ്രോഗ്രാമിന്റെ HTML പേജിൽ കോഡ് എക്സിക്യൂഷൻ ഫലമായി കാണാൻ ഡവലപ്പർക്ക്, സെർവറിലേക്ക് കണക്റ്റുചെയ്യേണ്ടത് ആവശ്യമാണ്. ഇത് IDE- യിൽ അന്തർനിർമ്മിതമാണ്, ഇത് പ്രാദേശികം ആണ്, ഉപയോക്താവിന്റെ പിസിയിൽ സംഭരിക്കുന്നു. വിപുലമായ ക്രമീകരണങ്ങൾ ഉപയോഗിച്ച്, പ്രോജക്റ്റ് ഫയൽ ഡൌൺലോടുകൾക്ക് FTP, SFTP, FTPS പ്രോട്ടോക്കോളുകൾ ഉപയോഗിക്കാൻ കഴിയും.
ലോക്കൽ സർവറിനുള്ള ഒരു അഭ്യർഥന അയയ്ക്കുന്ന കമാൻഡുകൾ നൽകുവാൻ കഴിയുന്ന ഒരു SSH ടെർമിനൽ പ്രവർത്തിക്കുന്നു. അങ്ങനെ, നിങ്ങൾക്ക് അതിന്റെ എല്ലാ കഴിവുകളും ഉപയോഗിച്ച് ഒരു യഥാർത്ഥ സെർവർ ഉപയോഗിക്കാം.
ജാവാസ്ക്രിപ്റ്റിൽ ടൈപ്പ് ചെയ്ത കോപ്സ്ക്രിപ്റ്റ്
TypeScript ൽ എഴുതിയ കോഡ് ബ്രൌസറുകളിൽ പ്രവർത്തിപ്പിക്കുന്നില്ല, കാരണം അവർ JavaScript- ൽ പ്രവർത്തിക്കുന്നു. ഇത് WebStorm ൽ ചെയ്യാവുന്ന JavaScript- ൽ കോപ്ലിംഗ് ചെയ്യേണ്ടതുണ്ട്. കംപൈൽ ഉചിതമായ ടാബിൽ കോൺഫിഗർ ചെയ്തിരിക്കുന്നതിനാൽ വിപുലീകരണത്തോടെയുള്ള എല്ലാ ഫയലുകളിലേക്കും പ്രോഗ്രാം പരിവർത്തനം നടത്തുന്നു * .tsവ്യക്തിഗത വസ്തുക്കളും. TypeScript- ൽ ഉള്ള കോഡ് അടങ്ങിയ എന്തെങ്കിലും മാറ്റങ്ങൾ വരുത്തിയാൽ, അത് സ്വപ്രേരിതമായി ജാവാസ്ക്രിപ്റ്റിൽ കംപൈൽ ചെയ്യും. ഈ പ്രവർത്തനം നടത്താൻ നിങ്ങൾ സജ്ജീകരണ അനുമതികളിൽ സ്ഥിരീകരിച്ചാൽ ഈ പ്രവർത്തനം ലഭ്യമാണ്.
ഭാഷകളും ചട്ടക്കൂടുകളും
വിവിധ പരിപാടികളിൽ ഏർപ്പെടാൻ വികസന പരിസ്ഥിതി നിങ്ങളെ അനുവദിക്കുന്നു. ട്വിറ്റർ പൂച്ചകൾക്ക് നന്ദി, നിങ്ങൾക്ക് സൈറ്റുകൾക്കായുള്ള വിപുലീകരണങ്ങൾ സൃഷ്ടിക്കാൻ കഴിയും. HTML5 ഉപയോഗിക്കുന്നതിലൂടെ, ഈ ഭാഷയിലെ ഏറ്റവും പുതിയ സാങ്കേതികവിദ്യകൾ പ്രയോഗിക്കുന്നതായി ലഭ്യമാണ്. ഡാർട്ട് സ്വയം സംസാരിക്കുന്നു, ഏത് വെബ് ആപ്ലിക്കേഷനുകളുടെ സഹായത്തോടെയാണ് ജാവാസ്ക്രിപ്റ്റ് ഭാഷയ്ക്ക് പകരം വയ്ക്കുന്നത്.
നിങ്ങൾ യോമോൺ കൺസോൾ യൂട്ടിലിറ്റിക്ക് ഫ്രണ്ട് എൻഡ് ഡെവലപ്മെന്റ് നടപ്പിലാക്കാൻ കഴിയും. ഒരൊറ്റ HTML ഫയൽ ഉപയോഗിക്കുന്ന AngularJS ഫ്രെയിംവർട്ട് ഉപയോഗിച്ച് ഒരു പേജ് സൃഷ്ടിക്കൽ നടക്കുന്നു. വെബ് റിസോഴ്സുകളുടെ രൂപകൽപ്പനയും അവയുടെ കൂട്ടിച്ചേർക്കലുകളും രൂപപ്പെടുത്തുന്നതിൽ സവിശേഷശ്രദ്ധയുള്ള മറ്റു പ്രോജക്ടുകളിൽ പ്രവർത്തിക്കാൻ വികസന പരിസ്ഥിതി നിങ്ങളെ അനുവദിക്കുന്നു.
ടെർമിനൽ
സോഫ്റ്റ്വെയർ നേരിട്ട് വിവിധ ഓപ്പറേഷനുകൾ നടത്തുന്ന ഒരു ടെർമിനൽ കൊണ്ട് വരുന്നു. അന്തർനിർമ്മിത കൺസോൾ OS- ന്റെ കമാൻഡ് ലൈനിലേക്ക് ആക്സസ് നൽകുന്നു: PowerShell, Bash and others. നിങ്ങൾക്ക് IDE- യിൽ നിന്നും നേരിട്ട് കമാൻഡുകൾ എക്സിക്യൂട്ട് ചെയ്യാം.
ശ്രേഷ്ഠൻമാർ
- പിന്തുണയ്ക്കുന്ന നിരവധി ഭാഷകളും ചട്ടക്കൂടുകളും;
- കോഡിലെ ടൂൾട്ടിപ്പുകൾ;
- തത്സമയം എഡിറ്റുചെയ്യൽ കോഡ്;
- ഘടകങ്ങളുടെ ലോജിക്കൽ ഘടനയുമായി രൂപകൽപ്പന ചെയ്യുക.
അസൗകര്യങ്ങൾ
- ഉൽപ്പന്നത്തിനുള്ള പണമടച്ച ലൈസൻസ്;
- ഇംഗ്ലീഷ് ഭാഷാ ഇന്റര്ഫേസ്.
മുകളിൽ കൊടുത്തിട്ടുള്ള എല്ലാ സംഗ്രഹകരെയും, WebStorm IDE അപ്ലിക്കേഷനുകളും വെബ് സൈറ്റുകളും വികസിപ്പിക്കുന്നതിനുള്ള ഒരു മികച്ച സോഫ്റ്റ്വെയറാണ്, അത് നിരവധി ഉപകരണങ്ങളുണ്ട്. പ്രൊഫഷണൽ ഡെവലപ്പർമാരുടെ പ്രേക്ഷകരിൽ സോഫ്റ്റ്വെയർ കൂടുതൽ ശ്രദ്ധ കേന്ദ്രീകരിക്കുന്നു. വിവിധ ഭാഷകളും ചട്ടക്കൂടികളും പിന്തുണ മഹത്തായ സവിശേഷതകൾ ഉള്ള ഒരു യഥാർത്ഥ വെബ് സ്റ്റുഡിയോ ആയി മാറുന്നു.
WebStorm ന്റെ ട്രയൽ പതിപ്പ് ഡൗൺലോഡുചെയ്യുക
ഔദ്യോഗിക സൈറ്റിൽ നിന്നും പ്രോഗ്രാമിന്റെ ഏറ്റവും പുതിയ പതിപ്പ് ഡൗൺലോഡുചെയ്യുക
ഒരു വെബ്സൈറ്റ് സൃഷ്ടിക്കുന്നതിനുള്ള പ്രോഗ്രാമുകൾ 
ആപ്താന സ്റ്റുഡിയോ 
Opera ബ്രൌസറിൽ JavaScript പ്രാപ്തമാക്കുക 
Android സ്റ്റുഡിയോസോഷ്യൽ നെറ്റ്വർക്കുകളിൽ ലേഖനം പങ്കിടുക:
