{"id":257846,"date":"2023-09-07T10:34:00","date_gmt":"2023-09-07T07:34:00","guid":{"rendered":"https:\/\/inform.click\/sublime-tekstplugins-for-javascript-utviklere\/"},"modified":"2023-09-07T10:48:00","modified_gmt":"2023-09-07T07:48:00","slug":"sublime-tekstplugins-for-javascript-utviklere","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/sublime-tekstplugins-for-javascript-utviklere\/","title":{"rendered":"Sublime tekstplugins for JavaScript-utviklere"},"content":{"rendered":"

\n Sublime tekstredigerer<\/strong> er et ganske kjent navn blant utviklerfellesskapet (b\u00e5de nybegynnere og profesjonelle). Den er utviklet med st\u00f8tte p\u00e5 tvers av plattformer for redigering av kildekode og tekst.\n<\/p>\n

\n Selv om gjeldende versjon (Sublimtekst 3) er i betastadium, er den raskere enn versjon 2 og kommer med massevis av funksjonalitet. Den st\u00f8tter naturlig et bredt spekter av programmerings- og markeringsspr\u00e5k, og fellesskapsbygde gratis sublime tekstredigeringsprogram<\/strong> har tatt funksjonaliteten til en ny h\u00f8yde.\n<\/p>\n

\n Mange utviklere holder seg til denne editoren p\u00e5 grunn av et stort lager av plugins. I denne artikkelen vil vi fokusere p\u00e5 noen av pluginene som er mest nyttige for JavaScript-utviklere.\n<\/p>\n

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

\n Linting-verkt\u00f8y hjelper utviklere med \u00e5 oppdage feil, syntaktiske avvik og potensielle problemer. Den kan ogs\u00e5 brukes til \u00e5 sikre at prosjektet samsvarer med en bestemt koderetningslinje.\n<\/p>\n

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

\n Den st\u00f8tter Sublime Text 3-versjonen og gir et grensesnitt til ESLint<\/a> for \u00e5 operere med filer som har «JavaScript»-syntaks. SublimeLinter 3, Node.js, npm og eslint er forutsetningen for \u00e5 installere denne plugin-en. Den omfatter en mengde regler med alternativer for ogs\u00e5 \u00e5 tilpasse dem. N\u00f8yaktig alternativ vil bli gitt til deg for \u00e5 skrive inn i konfigurasjonsfilen for \u00e5 sl\u00e5 av hver advarsel og feil. En viktig ting \u00e5 merke seg her er at denne plugin er den eneste som st\u00f8tter JSX og st\u00f8tte for ES6 er langt mer overlegen i forhold til andre plugins.\n<\/p>\n

\n Bruk<\/strong>: Avhengig av SublimeLinter-konfigurasjonen, vil koden v\u00e6re lined under redigering eller lagring. Dette kan konfigureres ved \u00e5 bruke Choose Lint Mode<\/code>kommandoen.\n<\/p>\n

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

\n JSHint Gutter-plugin er kompatibel med b\u00e5de Sublime Text 2 og 3. Lar utviklere sjekke JavaScript-koden for fryktelige feil og kodekonvensjoner. Denne plugin-en kan ogs\u00e5 konfigureres til \u00e5 vise hint i takrennen og fungere problemfritt med prosjektspesifikke .jshintrc-filer. Den er avhengig av JSHint, en gaffel av JSLint. Siden linter er skrevet i JavaScript, er Node.js p\u00e5lagt \u00e5 tolke JavaScript-kode utenfor nettleseren.\n<\/p>\n

\n Bruk<\/strong>: Ctrl+alt+J<\/code>for Windows eller Cmd+Option+J<\/code>hvis du bruker en Mac. Du kan ogs\u00e5 h\u00f8yreklikke, velge JSHint og klikke p\u00e5 Lint Code<\/code>. En annen m\u00e5te er \u00e5 \u00e5pne en JavaScript-fil, \u00e5pne konsollen i Sublime Text from View, deretter Show Console, og skriv inn view.run_command(\"jshint\")<\/code>. Det anbefales \u00e5 sette opp en egen n\u00f8kkelkombinasjon for dette ved \u00e5 g\u00e5 til Innstillinger -> Tastebindinger \u2013 Bruker, og legge til en kommando som { \"keys\": [\"ctrl+shift+j\"], \"command\": \"jshint\" }<\/code>i den matrisen.\n<\/p>\n

\n Formatering
\n<\/h3>\n

\n Formateringsverkt\u00f8y brukes til \u00e5 forskj\u00f8nne kodeblokkene og formatere dem for \u00e5 gj\u00f8re dem mer lesbare.\n<\/p>\n

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

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

\n Dette pluginet st\u00f8tter begge versjonene av Sublime Text og formaterer automatisk JavaScript-kode i henhold til en bestemt stil. Utvikleren trenger ikke \u00e5 lese advarsler og fikse formateringsproblemet manuelt. In kan installeres via pakkebehandlingen ved \u00e5 velge jsfmt<\/code>i rullegardinmenyen.\n<\/p>\n

\n Bruk<\/strong>: Prosjektspesifikk .jsfmtrc-fil kan plasseres i rotkatalogen til prosjektet for konfigurasjoner. Den kan n\u00e5s via f\u00f8lgende sti: Preferences -> Package Settings -> Sublime JSFMT<\/code>. Bortsett fra dette, er det en bestemmelse for \u00e5 sette opp tastatursnarvei ved \u00e5 g\u00e5 til Innstillinger -> Tastebindinger – Bruker og legge til { \"keys\": [\"ctrl+q\"], \"command\": \"format_javascript\" }<\/code>i arrayen.\n<\/p>\n

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

\n Den har st\u00f8tte for begge versjonene av Sublime Text. Denne JavaScript-formateringspluginen bruker kommandolinjeformatering fra jsbeautifier<\/a> i bakgrunnen for \u00e5 formatere hele js-, json-filen eller bare den valgte delen av en fil. Prosjektspesifikk konfigurasjon kan ogs\u00e5 gj\u00f8res med .jsbeautifyrc-filinnstillinger. Bortsett fra dette, kan mellomrom og formateringsstiler ogs\u00e5 tilpasses.\n<\/p>\n

\n Bruk<\/strong>: Standard n\u00f8kkelbinding er ctrl+alt+f<\/code>for Windows og cmd+option+f<\/code>Mac. Plugin bruker bruker tabulator\/innrykk innstillinger konfigurert med standard translate_tabs_to_spaces<\/code>og tab_size<\/code>sublime innstillinger.\n<\/p>\n

\n Kodeanalyse
\n<\/h3>\n

\n Dette er kodeinferensmotorene som brukes for \u00e5 fremskynde utviklingsprosessen ved \u00e5 gi kode autofullf\u00f8ring, funksjonsargument hint, etc.\n<\/p>\n

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

\n Denne kodeanalyse-pluginen for JavaScript er utviklet for \u00e5 integreres med koderedigerere for intelligent JavaScript-redigering. Den kommer med noen smarte funksjoner som:\n<\/p>\n