{"id":247861,"date":"2023-09-07T10:34:00","date_gmt":"2023-09-07T07:34:00","guid":{"rendered":"https:\/\/inform.click\/ulevad-tekstipluginad-javascripti-arendajatele\/"},"modified":"2023-09-07T11:20:00","modified_gmt":"2023-09-07T08:20:00","slug":"ulevad-tekstipluginad-javascripti-arendajatele","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/ulevad-tekstipluginad-javascripti-arendajatele\/","title":{"rendered":"\u00dclevad tekstipluginad JavaScripti arendajatele"},"content":{"rendered":"

\n Sublime tekstiredaktor<\/strong> on arendajate kogukonna (nii algajate kui ka professionaalide) seas \u00fcsna tuttav nimi. See on v\u00e4lja t\u00f6\u00f6tatud platvormidevahelise toega l\u00e4htekoodi ja teksti redigeerimiseks.\n<\/p>\n

\n Kuigi praegune versioon (Sublime text 3) on beetafaasis, on see kiirem kui versioon 2 ja sisaldab palju funktsioone. See toetab algselt laia valikut programmeerimis- ja m\u00e4rgistuskeeli ning kogukonna loodud tasuta \u00fclevad tekstiredaktori pistikprogrammid<\/strong> on viinud selle funktsionaalsuse uuele tasemele.\n<\/p>\n

\n Paljud arendajad j\u00e4rgivad seda redaktorit suure pistikprogrammide hoidla t\u00f5ttu. Selles artiklis keskendume m\u00f5nele pistikprogrammile, mis on JavaScripti arendajatele k\u00f5ige kasulikumad.\n<\/p>\n

\n Linting\n<\/p>\n

\n Lintingt\u00f6\u00f6riistad aitavad arendajatel tuvastada vigu, s\u00fcntaktilisi lahknevusi ja v\u00f5imalikke probleeme. Samuti saab selle abil veenduda, et projekt vastab teatud kodeerimisjuhistele.\n<\/p>\n

\n SublimeLinter-eslint<\/a>
\n<\/h5>\n

\n See toetab versiooni Sublime Text 3 ja annab ESLintile<\/a> liidese JavaScripti s\u00fcntaksiga failidega t\u00f6\u00f6tamiseks. Selle pistikprogrammi installimise eeltingimuseks on SublimeLinter 3, Node.js, npm ja eslint. See h\u00f5lmab hulgaliselt reegleid ja ka kohandamisv\u00f5imalusi Iga hoiatuse ja vea v\u00e4ljal\u00fclitamiseks antakse teile t\u00e4pne v\u00f5imalus konfiguratsioonifaili kirjutada. Siinkohal on oluline m\u00e4rkida, et see pistikprogramm on ainus, mis toetab JSX-i ja ES6 tugi on palju suurem teiste pistikprogrammidega v\u00f5rreldes parem.\n<\/p>\n

\n Kasutamine<\/strong>: olenevalt SublimeLinteri konfiguratsioonist rikutakse koodi redigeerimise v\u00f5i salvestamise ajal. Seda saab konfigureerida Choose Lint Mode<\/code>k\u00e4su abil.\n<\/p>\n

\n Sublime-JSHint<\/a>
\n<\/h5>\n

\n JSHint Gutteri pistikprogramm \u00fchildub nii Sublime Text 2 kui ka 3-ga. V\u00f5imaldab arendajatel kontrollida JavaScripti koodi kohutavate vigade ja kodeerimisreeglitega. Seda pistikprogrammi saab ka seadistada nii, et see n\u00e4itaks vihjeid vihmaveerennides ja t\u00f6\u00f6taks sujuvalt projektispetsiifiliste .jshintrc-failidega. See tugineb JSHintile, JSLinti hargile. Kuna linter on kirjutatud JavaScriptis, on Node.js vajalik JavaScripti koodi t\u00f5lgendamiseks v\u00e4ljaspool brauserit.\n<\/p>\n

\n Kasutamine<\/strong>: Ctrl+alt+J<\/code>Windowsi v\u00f5i Cmd+Option+J<\/code>Maci jaoks. V\u00f5ite ka paremkl\u00f5psata, valida JSHint ja kl\u00f5psata Lint Code<\/code>. Teine v\u00f5imalus on avada JavaScripti fail, avada konsool vaates Sublime Text from View, seej\u00e4rel Show Console ja tippida view.run_command(\"jshint\")<\/code>. Selleks on soovitatav seadistada oma klahvikombinatsioon, minnes valikusse Eelistused -> Key Bindings \u2013 User ja lisades k\u00e4su nagu { \"keys\": [\"ctrl+shift+j\"], \"command\": \"jshint\" }<\/code>selles massiivis.\n<\/p>\n

\n Vormindamine
\n<\/h3>\n

\n Vormindamist\u00f6\u00f6riistu kasutatakse koodiplokkide kaunistamiseks ja vormindamiseks, et muuta need loetavamaks.\n<\/p>\n

\n Sublime-jsfmt<\/a>
\n<\/h5>\n

\"\"<\/a><\/p>\n

\n See pistikprogramm toetab m\u00f5lemat Sublime Text versiooni ja vormindab JavaScripti koodi automaatselt vastavalt konkreetsele stiilile. Arendaja ei pea hoiatusi lugema ja vorminguprobleemi k\u00e4sitsi lahendama. In saab installida paketihalduri kaudu, valides jsfmt<\/code>rippmen\u00fc\u00fcst.\n<\/p>\n

\n Kasutamine<\/strong>: projektip\u00f5hise .jsfmtrc faili saab seadistuste jaoks paigutada projekti juurkataloogi. Sellele p\u00e4\u00e4seb juurde j\u00e4rgmise tee kaudu: Preferences -> Package Settings -> Sublime JSFMT<\/code>. Peale selle on olemas s\u00e4te klaviatuuri otsetee seadistamiseks, minnes valikule Eelistused -> Klahvide sidumised \u2013 kasutaja ja lisades { \"keys\": [\"ctrl+q\"], \"command\": \"format_javascript\" }<\/code>massiivi.\n<\/p>\n

\n JsFormat<\/a>
\n<\/h5>\n

\n Sellel on m\u00f5lema Sublime Text versiooni tugi. See JavaScripti vormindamise pistikprogramm kasutab taustal jsbeautifieri<\/a> k\u00e4surea vormindajat, et vormindada tervet js-i, json-faili v\u00f5i ainult faili valitud osa. Projektip\u00f5hise konfiguratsiooni saab teha ka .jsbeautifyrc failiseadete abil. Peale selle saab kohandada ka t\u00fchikuid ja vormindamisstiile.\n<\/p>\n

\n Kasutamine<\/strong>: vaikeklahvide sidumine on ctrl+alt+f<\/code>Windowsi ja cmd+option+f<\/code>Maci jaoks. Plugin kasutab tabeldus-\/taandeseadeid, mis on konfigureeritud standardsete translate_tabs_to_spaces<\/code>ja tab_size<\/code>\u00fclevate s\u00e4tetega.\n<\/p>\n

\n Koodi anal\u00fc\u00fcs
\n<\/h3>\n

\n Need on koodi j\u00e4reldamismootorid, mida kasutatakse arendusprotsessi kiirendamiseks, pakkudes koodi automaatset l\u00f5petamist, funktsiooni argumentide vihjeid jne.\n<\/p>\n

\n Tern Sublime jaoks<\/a>
\n<\/h5>\n

\n See JavaScripti koodianal\u00fc\u00fcsi pistikprogramm on v\u00e4lja t\u00f6\u00f6tatud integreerimiseks koodiredaktoritega intelligentse JavaScripti redigeerimise jaoks. Sellel on m\u00f5ned vahvad funktsioonid, n\u00e4iteks:\n<\/p>\n