{"id":265278,"date":"2023-09-07T10:34:00","date_gmt":"2023-09-07T07:34:00","guid":{"rendered":"https:\/\/inform.click\/sublima-textplugins-for-javascript-utvecklare\/"},"modified":"2023-09-07T11:10:00","modified_gmt":"2023-09-07T08:10:00","slug":"sublima-textplugins-for-javascript-utvecklare","status":"publish","type":"post","link":"https:\/\/inform.click\/sv\/sublima-textplugins-for-javascript-utvecklare\/","title":{"rendered":"Sublima textplugins f\u00f6r JavaScript-utvecklare"},"content":{"rendered":"

\n Sublime text editor<\/strong> \u00e4r ett ganska bekant namn bland utvecklargemenskapen (b\u00e5de nyb\u00f6rjare och proffs). Den har utvecklats med plattformsoberoende st\u00f6d f\u00f6r redigering av k\u00e4llkod och text.\n<\/p>\n

\n \u00c4ven om nuvarande version (Sublim text 3) \u00e4r i beta-stadiet, \u00e4r den snabbare \u00e4n version 2 och kommer med massor av funktionalitet. Den st\u00f6der inbyggt ett brett utbud av programmerings- och m\u00e4rkningsspr\u00e5k, och communitybyggda gratis sublima textredigeringsplugins<\/strong> har tagit dess funktionalitet till en ny h\u00f6jd.\n<\/p>\n

\n M\u00e5nga utvecklare h\u00e5ller sig till den h\u00e4r editorn p\u00e5 grund av ett stort lager av plugins. I den h\u00e4r artikeln kommer vi att fokusera p\u00e5 n\u00e5gra av de plugins som \u00e4r mest anv\u00e4ndbara f\u00f6r JavaScript-utvecklare.\n<\/p>\n

\n Ludd\n<\/p>\n

\n Linting-verktyg hj\u00e4lper utvecklare att uppt\u00e4cka fel, syntaktiska avvikelser och potentiella problem. Den kan ocks\u00e5 anv\u00e4ndas f\u00f6r att s\u00e4kerst\u00e4lla att projektet motsvarar en viss kodningsriktlinje.\n<\/p>\n

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

\n Den st\u00f6der Sublime Text 3-versionen och tillhandah\u00e5ller ett gr\u00e4nssnitt till ESLint<\/a> f\u00f6r att arbeta med filer som har ”JavaScript”-syntax. SublimeLinter 3, Node.js, npm och eslint \u00e4r f\u00f6ruts\u00e4ttningen f\u00f6r att installera detta plugin. Det omfattar en uppsj\u00f6 av regler med alternativ att \u00e4ven anpassa Exakta alternativ kommer att ges till dig att skriva in i konfigurationsfilen f\u00f6r att st\u00e4nga av varje varning och fel. En viktig sak att notera h\u00e4r \u00e4r att denna plugin \u00e4r den enda som st\u00f6der JSX och st\u00f6d f\u00f6r ES6 \u00e4r mycket mer \u00f6verl\u00e4gsen i j\u00e4mf\u00f6relse med andra plugins.\n<\/p>\n

\n Anv\u00e4ndning<\/strong>: Beroende p\u00e5 SublimeLinter-konfigurationen kommer koden att lindras under redigering eller lagring. Detta kan konfigureras genom att anv\u00e4nda Choose Lint Mode<\/code>kommandot.\n<\/p>\n

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

\n JSHint Gutter-plugin \u00e4r kompatibel med b\u00e5de Sublime Text 2 och 3. Till\u00e5ter utvecklare att kontrollera JavaScript-kod f\u00f6r fruktansv\u00e4rda fel och kodningskonventioner. Denna plugin kan ocks\u00e5 konfigureras f\u00f6r att visa tips i r\u00e4nnstenen och fungera smidigt med projektspecifika .jshintrc-filer. Den f\u00f6rlitar sig p\u00e5 JSHint, en gaffel av JSLint. Eftersom linter \u00e4r skrivet i JavaScript kr\u00e4vs Node.js f\u00f6r att tolka JavaScript-kod utanf\u00f6r webbl\u00e4saren.\n<\/p>\n

\n Anv\u00e4ndning<\/strong>: Ctrl+alt+J<\/code>f\u00f6r Windows eller Cmd+Option+J<\/code>om du anv\u00e4nder en Mac. Du kan ocks\u00e5 h\u00f6gerklicka, v\u00e4lja JSHint och klicka p\u00e5 Lint Code<\/code>. Ett annat s\u00e4tt \u00e4r att \u00f6ppna en JavaScript-fil, \u00f6ppna konsolen i Sublime Text from View, sedan Show Console och skriv view.run_command(\"jshint\")<\/code>. Det rekommenderas att st\u00e4lla in en egen nyckelkombination f\u00f6r detta genom att g\u00e5 till Inst\u00e4llningar -> Nyckelbindningar \u2013 Anv\u00e4ndare och l\u00e4gga till ett kommando som { \"keys\": [\"ctrl+shift+j\"], \"command\": \"jshint\" }<\/code>i den arrayen.\n<\/p>\n

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

\n Formateringsverktyg anv\u00e4nds f\u00f6r att f\u00f6rsk\u00f6na kodblocken och formatera dem f\u00f6r att g\u00f6ra dem mer l\u00e4sbara.\n<\/p>\n

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

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

\n Denna plugin st\u00f6der b\u00e5da versionerna av Sublime Text och formaterar automatiskt JavaScript-kod enligt en viss stil. Utvecklaren beh\u00f6ver inte l\u00e4sa varningar och \u00e5tg\u00e4rda formateringsproblemet manuellt. In kan installeras via pakethanteraren genom att v\u00e4lja jsfmt<\/code>i rullgardinsmenyn.\n<\/p>\n

\n Anv\u00e4ndning<\/strong>: Projektspecifik .jsfmtrc-fil kan placeras i projektets rotkatalog f\u00f6r konfigurationer. Den kan n\u00e5s via f\u00f6ljande s\u00f6kv\u00e4g: Preferences -> Package Settings -> Sublime JSFMT<\/code>. Bortsett fr\u00e5n detta finns det en best\u00e4mmelse f\u00f6r att st\u00e4lla in kortkommandon genom att g\u00e5 till Inst\u00e4llningar -> Tangentbindningar – Anv\u00e4ndare och l\u00e4gga { \"keys\": [\"ctrl+q\"], \"command\": \"format_javascript\" }<\/code>till i arrayen.\n<\/p>\n

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

\n Den har st\u00f6d f\u00f6r b\u00e5da versionerna av Sublime Text. Detta JavaScript-formateringsplugin anv\u00e4nder kommandoradsformaterare fr\u00e5n jsbeautifier<\/a> i bakgrunden f\u00f6r att formatera hela js-, json-filen eller bara den valda delen av en fil. Projektspecifik konfiguration kan ocks\u00e5 g\u00f6ras med .jsbeautifyrc-filinst\u00e4llningar. Bortsett fr\u00e5n detta \u00e4r blanksteg och formateringsstilar ocks\u00e5 anpassningsbara.\n<\/p>\n

\n Anv\u00e4ndning<\/strong>: Standardnyckelbindningen \u00e4r ctrl+alt+f<\/code>f\u00f6r Windows och cmd+option+f<\/code>p\u00e5 Mac. Plugin anv\u00e4nder anv\u00e4nder tab\/indrag inst\u00e4llningar konfigurerade med standard translate_tabs_to_spaces<\/code>och tab_size<\/code>sublima inst\u00e4llningar.\n<\/p>\n

\n Kodanalys
\n<\/h3>\n

\n Dessa \u00e4r kodinferensmotorerna som anv\u00e4nds f\u00f6r att p\u00e5skynda utvecklingsprocessen genom att tillhandah\u00e5lla kodautokomplettering, funktionsargumenttips, etc.\n<\/p>\n

\n T\u00e4rna f\u00f6r Sublime<\/a>
\n<\/h5>\n

\n Denna kodanalysplugin f\u00f6r JavaScript har utvecklats f\u00f6r att integreras med kodredigerare f\u00f6r intelligent JavaScript-redigering. Den kommer med n\u00e5gra fiffiga funktioner som:\n<\/p>\n