{"id":226285,"date":"2022-08-30T19:18:00","date_gmt":"2022-08-30T16:18:00","guid":{"rendered":"https:\/\/wordpress.mediadoma.com\/?p=226285"},"modified":"2022-11-08T19:53:09","modified_gmt":"2022-11-08T16:53:09","slug":"sublima-textplugins-och-paket-som-du-boer-kolla-in","status":"publish","type":"post","link":"https:\/\/wordpress.mediadoma.com\/sv\/sublima-textplugins-och-paket-som-du-boer-kolla-in\/","title":{"rendered":"Sublima textplugins och paket som du b\u00f6r kolla in"},"content":{"rendered":"\n<p>Alla utvecklare bygger sin egen upps\u00e4ttning verktyg n\u00e4r det kommer till att hantera olika projekt. Verktygen en webbutvecklare anv\u00e4nder kan minska tiden som beh\u00f6vs f\u00f6r att f\u00e4rdigst\u00e4lla en webbplats eller webbapp och kan g\u00f6ra uppgifterna l\u00e4ttare att hantera.<\/p>\n<p>Smarta verktyg \u00e4r avg\u00f6rande f\u00f6r alla framg\u00e5ngsrika utvecklares arbetsfl\u00f6de, s\u00e5 om du vill f\u00f6rb\u00e4ttra din verktygsl\u00e5da med en helt ny p\u00e5se med tricks \u00e4r det en bra id\u00e9 att l\u00e4sa den h\u00e4r artikeln eftert\u00e4nksamt fr\u00e5n b\u00f6rjan till slut.<\/p>\n<p>Det finns ingen brist p\u00e5 <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/9-baesta-kodredigeringsalternativ-foer-webbutvecklare\/\" title=\"kodredigerare som\" >kodredigerare som<\/a> du kan anv\u00e4nda f\u00f6r att g\u00f6ra ditt jobb enklare. Att v\u00e4lja bland dem blir mycket sv\u00e5rare n\u00e4r det finns s\u00e5 m\u00e5nga alternativ som v\u00e4ntar p\u00e5 dig.<\/p>\n<p><a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe2ef12b.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>D\u00e4rf\u00f6r kommer vi att presentera ett alternativ som st\u00e5r h\u00f6gt \u00f6ver resten: <a href=\"https:\/\/www.sublimetext.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Sublime Text<\/a>. Detta \u00e4r en av de mest anv\u00e4nda kodredigerarna p\u00e5 marknaden och den f\u00f6redras av tusentals programmerare, webbutvecklare och webbdesigners.<\/p>\n<p>Det som \u00e4r s\u00e5 imponerande med Sublime Text \u00e4r dess flexibilitet. Du kan enkelt ut\u00f6ka kodredigeraren genom att anv\u00e4nda Sublime Text-plugins skapade f\u00f6r n\u00e4stan alla t\u00e4nkbara \u00e4ndam\u00e5l. Och du kan till och med skapa anpassade paket som synligt f\u00f6rb\u00e4ttrar ditt arbetsfl\u00f6de och \u00f6kar din produktivitet.<\/p>\n<p>Forts\u00e4tt l\u00e4sa mer i den h\u00e4r artikeln skapad av v\u00e5rt team p\u00e5 <a href=\"https:\/\/wpdatatables.com\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">wpDataTables<\/a> och l\u00e4r dig om n\u00e5gra av de b\u00e4sta Sublime Text-paketen, hur de fungerar och hur du kan anv\u00e4nda dem.<\/p>\n<h2>Sublime Text Plugins: Installera paket<\/h2>\n<p>Innan du listar de Sublime Text-plugins som vi anser vara relevanta f\u00f6r alla webbdesigners, b\u00f6r du l\u00e4ra dig hur du installerar paket p\u00e5 denna kodredigerare. H\u00e4r \u00e4r stegen du beh\u00f6ver f\u00f6lja:<\/p>\n<ul>\n<li>Ladda ner zip-filen f\u00f6r paketf\u00f6rr\u00e5det. Du kan g\u00f6ra det fr\u00e5n paketets GitHub-sida.<\/li>\n<li>Extrahera filerna i mappen Sublime Text Packages. Du b\u00f6r hitta den under: {{ anv\u00e4ndarnamn }}AppDataRoamingSublime Text {{ version }}paket<\/li>\n<\/ul>\n<p>Eller<\/p>\n<ul>\n<li>Installera paketet genom Sublime Text officiella <a href=\"https:\/\/packagecontrol.io\/installation\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">paketkontroll<\/a> Klicka p\u00e5 l\u00e4nken och kopiera koden som passar den Sublime Text-version du \u00e4ger.<\/li>\n<li>Klistra in koden p\u00e5 din Sublime Text-konsol, som du kommer \u00e5t genom att trycka p\u00e5 CTRL + ~.<\/li>\n<li>Starta om din kodredigerare, \u00f6ppna kommandof\u00f6nstret genom att trycka p\u00e5 CTRL + Skift + P och skriv &quot;Paketkontroll: Installera paket&quot; (eller bara &quot;Installera paket&quot; &#8211; autoslutf\u00f6rande visar de \u00f6nskade alternativen)<\/li>\n<\/ul>\n<p>N\u00e4r paketet \u00e4r installerat, g\u00f6r inga \u00e4ndringar i dess standardkonfigurationsfil, om du inte vet exakt vad du g\u00f6r. Sublime Text-paket \u00e4r huvudsakligen avsedda att anpassas med hj\u00e4lp av separata \u00e5sidos\u00e4ttningsfiler s\u00e5 att dina \u00e4ndringar inte g\u00e5r f\u00f6rlorade n\u00e4r paketen uppdateras.<\/p>\n<h2>Sublima textplugins Alla webbutvecklare borde prova<\/h2>\n<p>N\u00e4r vi pratar om kodredigerarens ut\u00f6kbarhet, skulle det vara anv\u00e4ndbart att lista n\u00e5gra av de b\u00e4sta Sublime Text Plugins d\u00e4r ute och hur de kan hj\u00e4lpa dig att bli en b\u00e4ttre utvecklare p\u00e5 kortast m\u00f6jliga tid.<\/p>\n<p>F\u00f6rhoppningsvis kommer du att finna dessa plugins anv\u00e4ndbara och relevanta f\u00f6r ditt arbete. H\u00e4r \u00e4r listan:<\/p>\n<h3>Paketkontroll<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe406d2e.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Sublime Text Package Control \u00e4r f\u00f6rmodligen det mest popul\u00e4ra verktyget som finns tillg\u00e4ngligt f\u00f6r denna kodredigerare. Det l\u00e5ter dig ladda ner, installera och uppdatera paket direkt fr\u00e5n Sublime Text-gr\u00e4nssnittet.<\/p>\n<p>\u00c4ven om &quot;plugin&quot; och &quot;package&quot; ofta anv\u00e4nds omv\u00e4xlande, inneh\u00e5ller paketen plugins, menyer, snippets och andra bitar och bobs som kan anv\u00e4ndas f\u00f6r att ut\u00f6ka Sublime Text till din smak.<\/p>\n<p>Ist\u00e4llet f\u00f6r att ladda ner paketfilerna p\u00e5 egen hand och installera dem i r\u00e4tt mapp, l\u00e5t detta plugin g\u00f6ra allt \u00e5t dig utan att l\u00e4mna Sublime Text. Om du \u00e4r en programmerare, se det som pip f\u00f6r Python eller npm f\u00f6r node.js.<\/p>\n<h3>Inriktning<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Alignment\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe4f3d7d.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Alignment g\u00f6r precis vad dess namn s\u00e4ger: det \u00e4r en av de Sublime Text-plugins som g\u00f6r ditt jobb 10 g\u00e5nger enklare genom att justera din kod f\u00f6r att g\u00f6ra den snyggare och l\u00e4ttare att l\u00e4sa. Det fungerar utm\u00e4rkt med PHP, JavaScript, CSS och mer.<\/p>\n<p>Du kan anpassa sektioner, markeringar med flera rader eller hela din kod med hj\u00e4lp av avgr\u00e4nsare som &quot;=&quot;. \u00c4ven om du kanske tror att det inte hj\u00e4lper s\u00e5 mycket, n\u00e4r du v\u00e4l anv\u00e4nder det kommer du att bli beroende av hur anv\u00e4ndbart det \u00e4r.<\/p>\n<h3>Emmet<\/h3>\n<p><a href=\"https:\/\/emmet.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe602bcb.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Bland de mest anv\u00e4nda Sublime Text-plugin-programmen \u00e4r Emmet, ett enkelt plugin som kan f\u00f6rb\u00e4ttra produktiviteten f\u00f6r alla utvecklare genom att hj\u00e4lpa till med deras CSS- och HTML-arbetsfl\u00f6de.<\/p>\n<p>Om du till exempel skriver html:5 och trycker p\u00e5 CTRL + E medan du anv\u00e4nder Emmet, f\u00e5r du tillg\u00e5ng till en grundl\u00e4ggande HTML5-sidmall att arbeta med. Insticksprogrammet \u00e4r enkelt, men \u00e4nd\u00e5 extremt effektivt och det kommer definitivt att f\u00f6rb\u00e4ttra ditt arbete.<\/p>\n<h3>\u00c4ndra citat<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/ChangeQuotes\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe7071f7.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Hatar du att hantera offerter? Grattis, du \u00e4r en av de miljontals utvecklare d\u00e4r ute som ocks\u00e5 har sv\u00e5rt att h\u00e5lla dem konsekventa. ChangeQuotes hj\u00e4lper dig.<\/p>\n<p>Det kan enkelt konvertera enkla\/dubbla citattecken och undkomma dem igen. Om du vill \u00e4ndra citattecken, placera mark\u00f6ren i den citerade texten och \u00f6ppna kommandopaletten. K\u00f6r insticksprogrammet och du beh\u00f6ver inte l\u00e4ngre markera hela raden f\u00f6r att \u00e4ndra citat. Det g\u00e5r mycket snabbare s\u00e5 h\u00e4r!<\/p>\n<h3>SideBarEnhancements<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/SideBarEnhancements\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe7edb75.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Detta Sublime Text-plugin kommer att l\u00e4gga till n\u00e5gra nya funktioner till din sidof\u00e4ltsmeny. Du kan till exempel skapa en ny fil mycket snabbare samtidigt som du finns kvar i din nuvarande projektmapp. Du f\u00e5r ocks\u00e5 l\u00e4ttare att flytta filer och mappar, duplicera dem efter behov och \u00f6ppna filer i Finder eller i din webbl\u00e4sare.<\/p>\n<p>SublimeEnhancements l\u00e4gger till en m\u00e4ngd anv\u00e4ndbara sidof\u00e4ltsfunktioner som hj\u00e4lper dig att hantera ditt projekt mer effektivt. Installera den f\u00f6r att uppt\u00e4cka alla anv\u00e4ndbara funktioner.<\/p>\n<h3>SublimeLinter<\/h3>\n<p><a href=\"http:\/\/www.sublimelinter.com\/en\/stable\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe8f017e.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Om du \u00e4r en Sublime Text 3-anv\u00e4ndare kommer du att \u00e4lska SublimeLinter. Inte m\u00e5nga Sublime Text-plugins uppdaterades f\u00f6r redakt\u00f6rens senaste version, s\u00e5 det \u00e4r alltid trevligt att se att plugin-utvecklare fokuserar p\u00e5 att uppdatera sina produkter. Ist\u00e4llet f\u00f6r att ha alla dina linters i ett paket, l\u00e5ter detta plugin dig installera de som du anv\u00e4nder regelbundet.<\/p>\n<p>I grund och botten ger SublimeLinter dig ett ramverk att anv\u00e4nda f\u00f6r att linta koden. Om du inte vet representerar linting processen att flagga icke-b\u00e4rbar eller felaktig syntax i din kod. Med enklare ord, det varnar dig n\u00e4r koden \u00e4r belamrad med buggar.<\/p>\n<h3>SublimeGit<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/SublimeGit\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbe9e9504.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Att arbeta med versionskontrollprogram \u00e4r vanligt f\u00f6r utvecklare. Den mest popul\u00e4ra \u00e4r Git. F\u00f6r de som \u00e4r tr\u00f6tta p\u00e5 att spara textfiler och g\u00e5 tillbaka till en terminal f\u00f6r att k\u00f6ra ett par Git-kommandon, kommer SublimeGit att vara svaret. Denna Sublime Text-plugin l\u00e5ter dig utf\u00f6ra alla dina Git-kommandon i textredigeraren.<\/p>\n<p>Genom att anv\u00e4nda SublimeGit kan utvecklare g\u00f6ra mer p\u00e5 kortare tid och d\u00e4rmed \u00f6ka sin produktivitet en hel del. Du beh\u00f6ver inte v\u00e4xla fram och tillbaka mellan din kodredigerare och kommandoraden.<\/p>\n<p>Detta brukade endast vara tillg\u00e4ngligt som en betald plugin, men det senaste \u00e5ret blev den \u00f6ppen k\u00e4llkod. Den har m\u00e5nga funktioner som du kommer att hitta anv\u00e4ndbara, s\u00e5v\u00e4l som <a href=\"https:\/\/sublimegit.readthedocs.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">SublimeGit-dokumenten<\/a>, som hj\u00e4lper dig att f\u00f6rst\u00e5 och anv\u00e4nda plugin-programmet.<\/p>\n<h3>GitGutter<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitGutter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbeadbe1f.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Du kan alltid k\u00f6ra Git-kommandon inom Sublime Text sj\u00e4lv, men det \u00e4r inte det snabbaste s\u00e4ttet att hantera den h\u00e4r uppgiften. Sublime Text g\u00f6r att du k\u00f6r ett separat kommando ist\u00e4llet f\u00f6r att l\u00e5ta dig se \u00e4ndringarna i realtid. Tja, det \u00e4r h\u00e4r GitGutter kliver in.<\/p>\n<p>GitGutter liknar Atom ur vissa synvinklar. Det l\u00e4gger till samma typer av funktioner till Sublime Text, vilket inneb\u00e4r att du kan b\u00f6rja l\u00e4gga till olika tips i sidof\u00e4ltets r\u00e4nnsten. Genom att sv\u00e4va p\u00e5 sidof\u00e4ltsindikatorerna f\u00e5r du tillg\u00e5ng till mycket praktiska diff-popups.<\/p>\n<h3>SASS<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Sass\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbebc54e2.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Markering \u00e4r avg\u00f6rande f\u00f6r att snabbt uppt\u00e4cka misstag och buggar. F\u00f6r utvecklare \u00e4r det ett absolut m\u00e5ste att korrigera misstag snabbt och effektivt. SASS hj\u00e4lper dig att g\u00f6ra det. Det framh\u00e4ver SASS- och SCSS-syntaxen och kommer att hj\u00e4lpa alla CSS-utvecklare som anv\u00e4nder dessa till\u00e4ggsspr\u00e5k.<\/p>\n<h3>GitHubinator<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitHubinator\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbecb436e.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>De som anv\u00e4nder GitHub\/Bitbucket repositories m\u00e5ste ge GitHubinator ett f\u00f6rs\u00f6k. Denna plugin visar den valda texten p\u00e5 fj\u00e4rrf\u00f6rvaret. S\u00e5ledes \u00e4r texten du s\u00f6ker efter markerad, och du kan helt enkelt klicka p\u00e5 snabbmenyn f\u00f6r att starta motsvarande webbsida i webbl\u00e4saren.<\/p>\n<p>Som i fallet med andra Sublime Text-plugins som listas h\u00e4r, hj\u00e4lper GitHubinator utvecklare att spara tid och undvika repetitiva \u00e5tg\u00e4rder.<\/p>\n<h3>GitOpenChangedFiles<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/GitOpenChangedFiles\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbeda44f1.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Som du kan se anv\u00e4nds denna plugin f\u00f6r att \u00f6ppna \u00e4ndrade filer fr\u00e5n en Git-repo. Du beh\u00f6ver bara installera det och starta plugin-programmet f\u00f6r att \u00f6ppna filer som du tidigare har \u00e4ndrat i din Sublime Text-gren.<\/p>\n<p>Det \u00e4r inte mycket av ett plugin, men de som beh\u00f6ver den h\u00e4r funktionen kommer att tycka att det \u00e4r v\u00e4ldigt praktiskt.<\/p>\n<h3>Terminal<\/h3>\n<p><a href=\"https:\/\/github.com\/wbond\/sublime_terminal\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbee99061.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Du vet hur l\u00e5ng processen f\u00f6r att \u00f6ppna projektmappar \u00e4r med Sublime Text. Terminal l\u00e5ter dig \u00f6ppna mapparna direkt fr\u00e5n Sublime Text p\u00e5 plattformen med en enda snabbtangent. \u00c4r inte det bekv\u00e4mt?<\/p>\n<p>N\u00e4r du k\u00f6r kommandorader i en given mapp m\u00e5ste du g\u00e5 igenom n\u00e5gra steg som \u00e4r tidskr\u00e4vande och ganska stressande. Terminal reducerar dessa steg till snabbtangenten CTRL + SHIFT + T.<\/p>\n<h3>Sublim REPL<\/h3>\n<p><a href=\"https:\/\/github.com\/wuub\/SublimeREPL\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbef916ae.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Att anv\u00e4nda SublimeREPL kommer att g\u00f6ra en programmerares jobb 10 g\u00e5nger enklare. Denna plugin l\u00e5ter dig k\u00f6ra tolkar av de vanligaste spr\u00e5ken, inklusive NodeJS, Python, Ruby, Scala eller Haskell.<\/p>\n<p>Du kan k\u00f6ra en tolk p\u00e5 vilket som helst av dessa spr\u00e5k och fler, direkt fr\u00e5n Sublime Text. Ta en titt p\u00e5 pluginens andra funktioner f\u00f6r en djupare f\u00f6rst\u00e5else f\u00f6r vad den kan g\u00f6ra.<\/p>\n<h3><strong>Babel<\/strong><\/h3>\n<p><a href=\"https:\/\/babeljs.io\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf096f83.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Om du beh\u00f6ver spr\u00e5kdefinitioner f\u00f6r ES6+ Javascript b\u00f6r du anv\u00e4nda Babel. Inte m\u00e5nga Sublime Text-plugins erbjuder bra spr\u00e5kdefinitioner, s\u00e4rskilt f\u00f6r den senaste versionen. Babel \u00e4r speciellt byggt f\u00f6r Sublime Text 3, och det st\u00f6der inte tidigare versioner. Den st\u00f6der ocks\u00e5 React JSX-syntax.<\/p>\n<h3>Alla Autoslutf\u00f6r<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/All%20Autocomplete\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf18f171.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Som standard anv\u00e4nder Sublime Text alternativet autoslutf\u00f6rande endast p\u00e5 ord som finns i den aktuella filen. F\u00f6r att ut\u00f6ka den h\u00e4r funktionen till alla \u00f6ppna filer kan du anv\u00e4nda AllAutocomplete, en plugin som s\u00f6ker igenom varje fil du har \u00f6ppnat och hittar matchningar, samtidigt som du f\u00f6resl\u00e5r ord.<\/p>\n<h3><strong>CSSComb<\/strong><\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/CSScomb\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf29805b.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>CSSComb sorterar CSS-egenskaper s\u00e5 att din kod blir renare och l\u00e4ttare att l\u00e4sa. Den s\u00e4tter koden i r\u00e4tt ordning och l\u00e5ter dig anpassa dess egenskaper utan mycket kr\u00e5ngel. Det \u00e4r ett anv\u00e4ndbart plugin f\u00f6r dem som arbetar i team d\u00e4r inte alla medlemmar skriver kod p\u00e5 samma s\u00e4tt.<\/p>\n<h3>MarkdownPreview<\/h3>\n<p><a href=\"https:\/\/facelessuser.github.io\/MarkdownPreview\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf3afe19.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>M\u00e5nga utvecklare \u00e4r vana vid att skapa Markdown-filer i GitHub, StackEdit eller Markable, i molnet. Om du \u00e4r en gammaldags f\u00f6rfattare och f\u00f6redrar att beh\u00e5lla dina filer lokalt, b\u00f6r du ge MarkdownPreview ett f\u00f6rs\u00f6k.<\/p>\n<p>Du kan ocks\u00e5 installera <a href=\"https:\/\/github.com\/SublimeText-Markdown\/MarkdownEditing\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">MarkdownEditing<\/a> och f\u00e5 din Markdown-kod markerad.<\/p>\n<h3>DocBlockr<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/DocBlockr\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf4c78e5.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>I vissa f\u00f6retag m\u00e5ste alla kodningsriktlinjer respekteras religi\u00f6st. Detta kan s\u00e4tta press p\u00e5 utvecklarnas axlar. DocBlockr g\u00f6r det enklare genom att skapa kommentarer f\u00f6r din kod, analysera funktionerna, variablerna eller parametrarna och automatiskt l\u00e4gga till grundl\u00e4ggande objekt.<\/p>\n<p>Du beh\u00f6ver bara skriva \/och plugin g\u00f6r jobbet \u00e5t dig.<\/p>\n<h3>Materialiserade CSS-snuttar<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Materialized%20CSS%20Snippets\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf5cf364.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>MaterializeCSS\u00e4r ett minnesv\u00e4rt front-end-ramverk skapat av Google. Det \u00e4r modernt, fullt lyh\u00f6rt och redo att anv\u00e4ndas av alla designers och utvecklare d\u00e4r ute. Detta Sublime Text-plugin hj\u00e4lper dig att anv\u00e4nda Materialize CSS i textredigeraren med hj\u00e4lp av vanliga utdrag.<\/p>\n<p>Materialiserade CSS Snippets l\u00e4gger till CSS-komponenter direkt i <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/exempel-paa-css-editor-som-du-absolut-borde-testa\/\" title=\"kodredigeraren,\">kodredigeraren,<\/a> s\u00e5 att du kan komma \u00e5t dem med grundl\u00e4ggande kommandon. Materialiserade CSS Snippets kan spara massor av tid och energi som normalt skulle tas upp genom att skriva syntaxen manuellt och l\u00e4gga till CSS-komponenter separat.<\/p>\n<h3>Standardformat<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/StandardFormat\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf6c4c83.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Utan formatering kommer din kod att se r\u00f6rig ut och sv\u00e5r att g\u00e5 igenom. StandardFormat l\u00e5ter dig skapa en mycket mer solid kodbas samtidigt som det hj\u00e4lper m\u00e4nniskor att l\u00e4sa din kod snabbare och mer effektivt n\u00e4r de beh\u00f6ver.<\/p>\n<p>Insticksprogrammet \u00e4r baserat p\u00e5 Standard Format JS-biblioteket, som kommer att till\u00e4mpas p\u00e5 det du skriver. Alla vet hur man l\u00e4ser det traditionella JS-formatet, s\u00e5 detta plugin visar sig vara ganska anv\u00e4ndbart f\u00f6r utvecklare.<\/p>\n<h3>CSS Media Query Snippets<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/CSS%20Media%20Query%20Snippets\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf7b6386.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Mediefr\u00e5gor anv\u00e4nds f\u00f6r att utveckla appar och mjukvara f\u00f6r mobila enheter eller skalbara sk\u00e4rmstorlekar. Utan dessa fr\u00e5gor kan du inte f\u00f6rvandla ditt projekt till ett mobilkompatibelt.<\/p>\n<p>CSS Media Query Snippets syftar till att hj\u00e4lpa dig med denna uppgift, genom att erbjuda f\u00f6rskrivna mallar f\u00f6r mediefr\u00e5gor. Du kan bara anv\u00e4nda mallen f\u00f6r att g\u00f6ra \u00e4ndringar.<\/p>\n<h3><strong>Shell Exec<\/strong><\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Shell%20Exec\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf8ba706.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Vi vet alla att Shell-\u00e5tkomst \u00e4r ett kontroversiellt \u00e4mne p\u00e5 grund av de os\u00e4kra konfigurationerna som servrar k\u00f6rde tidigare. Att falla offer f\u00f6r hackare var mycket vanligare n\u00e4r Shell Exec-kommandon kunde n\u00e5s fr\u00e5n utsidan, vilket \u00f6ppnade s\u00e5rbarheter i plattformen.<\/p>\n<p>Denna plugin hj\u00e4lper dig att k\u00f6ra skalkommandon i Sublime Text 3, med tanke p\u00e5 att Internet \u00e4r mycket s\u00e4krare nu. Det \u00e4r ett bra s\u00e4tt att spara tid, men gl\u00f6m inte att konfigurera brandv\u00e4ggsinst\u00e4llningarna och ta reda p\u00e5 \u00e5tkomstm\u00f6nstren f\u00f6r att undvika ovann\u00e4mnda situation.<\/p>\n<h3>Laravel BladeHighlighter<\/h3>\n<p><a href=\"https:\/\/packagecontrol.io\/packages\/Laravel%20Blade%20Highlighter\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-200119-61e8bbf9a99a1.jpg\" alt=\"Sublima textplugins och paket som du b\u00f6r kolla in\" \/><\/a><\/p>\n<p>Laravel \u00e4r ett ramverk med \u00f6ppen k\u00e4llkod f\u00f6r PHP och det har p\u00e5verkat PHP-utvecklingen ganska tydligt. Laravel anv\u00e4nder Blade Engine, en syntax som l\u00e5ter dig utveckla ny programvara ovanp\u00e5 ramverket.<\/p>\n<p>Sublime Text skulle inte vara sig likt utan Laravel Blade Highlighter om du anv\u00e4nder Laravel dagligen. Med \u00f6ver 300 000 installationer \u00e4r detta plugin inte att missa av n\u00e5gon PHP-utvecklare.<\/p>\n<h3>Avslutande tankar om dessa Sublime Text Plugins<\/h3>\n<p>Sublime Text \u00e4r tillr\u00e4ckligt stark p\u00e5 egen hand, men plugins och paket g\u00f6r den \u00e4nnu mer kraftfull. Den st\u00f6rsta f\u00f6rdelen med dessa plugins \u00e4r att du sparar tid genom att hj\u00e4lpa dig att anpassa Sublime Text f\u00f6r att passa dina behov, krav och dagliga uppgifter.<\/p>\n<p>Varje utvecklare f\u00f6redrar en viss kodningsrutin, och du kan uppr\u00e4tth\u00e5lla den rutinen genom att v\u00e4lja de Sublime Text-plugins som fungerar b\u00e4st f\u00f6r din situation. V\u00e4lj de som \u00e4r vettiga f\u00f6r ditt arbetss\u00e4tt och ditt jobb. Detta kommer att g\u00f6ra allt mer effektivt och mindre tidskr\u00e4vande.<\/p>\n<p>Lycka till med dina kodningsuppgifter!<\/p>\n<p>Om du gillade att l\u00e4sa den h\u00e4r artikeln om Sublime Text-plugins, b\u00f6r du kolla in den h\u00e4r om <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/sublima-textplugins-du-kan-anvaenda-foer-att-anpassa-din-redigerare\/\" title=\"Sublime Text-teman\">Sublime Text-teman<\/a>.<\/p>\n<p>Vi skrev ocks\u00e5 om n\u00e5gra relaterade \u00e4mnen som <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/de-baesta-atom-paketen-och-tillaeggen-du-kan-installera\/\" title=\"b\u00e4sta Atom-paket\">b\u00e4sta Atom-paket<\/a> och hur man blir en <a href=\"https:\/\/wordpress.mediadoma.com\/sv\/hur-man-blir-en-frontend-utvecklare-faerdigheter-att-ha\/\" title=\"frontend-utvecklare\">frontend-utvecklare<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Inspelningsk\u00e4lla:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpdatatables.com\" class=\"external external_icon\">wpdatatables.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Du kan enkelt ut\u00f6ka kodredigeraren genom att anv\u00e4nda Sublime Text-plugins skapade f\u00f6r n\u00e4stan alla t\u00e4nkbara \u00e4ndam\u00e5l. Kolla in de b\u00e4sta plugins i den h\u00e4r artikeln.<\/p>\n","protected":false},"author":1,"featured_media":200120,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[848,818,868],"tags":[1173],"class_list":["post-226285","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-handledningar","category-plugins-3","category-wordpress-9","tag-affiai-sv"],"_links":{"self":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/226285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=226285"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/226285\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/200120"}],"wp:attachment":[{"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=226285"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=226285"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wordpress.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=226285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}