Installera texteditorn Atom (och plugins)

  • Författare
  • Meddelande
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10982
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Installera texteditorn Atom (och plugins)

Inlägg31 mar 2015, 16:40

Här är en guide som visar hur du installerar och kommer igång med texteditorn Atom.

http://dbwebb.se/kunskap/installera-texteditorn-atom

Har du tips, förslag eller frågor om Atom så ställ dem gärna här, eller öppna en egen tråd om det känns bättre.
...
..:
.... /mos
Användarvisningsbild

Johan

sql-kodare

  • Inlägg: 50
  • Blev medlem: 10 nov 2011, 12:10

Re: Installera texteditorn Atom

Inlägg24 aug 2015, 14:25

lite plugins som kan vara trevliga att ha:
- color-picker [precis som det låter]
- emmet [ett måste. http://docs.emmet.io/]
- git-plus [https://github.com/akonwi/git-plus]
- language-babel [stöd för es2015, jsx och annat smarrigt]
- linter-eslint [http://eslint.org/ stöd för es2015, react osv med plugin, använd istället för jshint]

(använder inte atom så ofta så har inte samlat på mig fler.)
Användarvisningsbild

xt9

javascript-guru

  • Inlägg: 83
  • Blev medlem: 12 aug 2014, 12:18
  • Ort: Norrköping

Re: Installera texteditorn Atom

Inlägg24 aug 2015, 22:01

Utöver color-picker så finns det lite trevliga packages:

pigments (Visar färgen som används som bakgrundsfärg, funkar bra med color-picker)

atom-beautify (Kräver oftast 3rd party lib på systemet, t.ex. php-cs-fixer för att beautifya phpkod https://atom.io/packages/atom-beautify)

Finns även ett trevligt UI tema som heter atom-material-theme som baseras på googles material design.

Som mos redan täcker i guiden så har atom en egen package manager (apm) som är väldigt smidig att arbeta med.

Det är också bra att veta att man kan använda kommandot atom i terminalen för att öppna en fil eller en mapp.

Kod: Markera allt
# atom testfil   // Öppnar testfil i atom
# atom .        // Öppnar den mappen man för nuvarande står i med atom


Utöver keymap.cson har Atom även en trevlig snippetfil under "file -> open your snippets" i en .cson fil där man kan skapa egna kodsnippets.

fnlive

javascriptare

  • Inlägg: 35
  • Blev medlem: 17 aug 2015, 20:49

Re: Installera texteditorn Atom

Inlägg30 aug 2015, 14:53

Hej,

Någon som vet om det finns funktion i atom att automatiskt göra reload på webb-läsaren när man sparar en fil? Verkar smidigt. Jag prövade package 'livereload', men behöver då klistra in en rad i footer.php: "<script src="http://localhost:35729/livereload.js"></script>". Funkar fint, men...

Någon som vet om det finns bättre sätt att göra auto-reload?

/Fredrik

rala14

css-guru

  • Inlägg: 72
  • Blev medlem: 25 aug 2014, 12:40
  • Ort: Örebro

Re: Installera texteditorn Atom

Inlägg04 sep 2015, 14:28

fnlive skrev:Hej,

Någon som vet om det finns funktion i atom att automatiskt göra reload på webb-läsaren när man sparar en fil? Verkar smidigt. Jag prövade package 'livereload', men behöver då klistra in en rad i footer.php: "<script src="http://localhost:35729/livereload.js"></script>". Funkar fint, men...

Någon som vet om det finns bättre sätt att göra auto-reload?

/Fredrik


Jag tror att du ska kunna slippa inkludera skriptet på din sida om du installerar tillägget jag länkar till längst ner i inlägget.

Senast testade jag mig av livereload genom Gulp sen med tillägget LiveReload i Google Chrome för att lyssna efter uppdateringar. Det gick ganska snabbt att komma igång med även om det var lite pill att få det att fungera som jag ville. Nu har jag inte tittat på tillägget till Atom, men skulle tro att du får större möjlighet att konfigurera hur uppdateringen av sidan blir med hjälp av Gulp. Om inte annat finns det en del trevliga plugins att använda sig av. Minifiera sin CSS- och javascriptkod automatiskt och så vidare.

Gulp
http://gulpjs.com/

gulp-livereload
https://github.com/vohof/gulp-livereload

Livereload - Google Chrome, Safari och Firefox
http://livereload.com/extensions/

fnlive

javascriptare

  • Inlägg: 35
  • Blev medlem: 17 aug 2015, 20:49

Re: Installera texteditorn Atom

Inlägg05 sep 2015, 21:06

:D Tack, skall pröva detta. /Fredrik
Användarvisningsbild

Smile

php-programmerare

  • Inlägg: 44
  • Blev medlem: 30 dec 2014, 12:39

Re: Installera texteditorn Atom

Inlägg10 sep 2015, 15:21

Hej,

Jag kan inte skriva \ i Atom.

Varken med alt gr eller Ctrl + alt. Jag kan skriva t ex [, ], {, } , @, £ och $ som har liknande tangentbordskombinationer.

Någon annan med samma problem? Är det någon som har en lösning? Jag använder Windows.

Jag har försökt själv och har bland annat kikat i keybindings under settings och hittat att det finns en kombination ctrl + alt + - där som motsvarar kommandot pane:decrease-size. Om jag öppnar två stycken panes i Atom och trycker ctrl + alt + + så justeras storleken på dessa panes. I US tangetbordslayout verkar knappen för - sitta där tangentbord med SE-layout har +. Ctrl + alt + + är vad jag trycker för att skriva \ på mitt tangentbord. Så jag tänkte att den keybinden kanske ställer till det. Jag har även lyckats binda det kommandot till andra knappkombinationer så jag är så gott som säker. Men jag vet inte hur jag av-bindar en knappkombination.

Jag har bl a testat med följande rader i keymap.cson.
'atom-workspace atom-pane':
'ctrl-alt--': 'unset!'

Jag får en bekräftelse att Atom läst mina rader då det syns en ny rad i keybindings under settings. Men jag lyckas inte få bort funktionalitetet som ändrar fönster storlek och jag kan inte skriva \.

/Jonas
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10982
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Installera texteditorn Atom

Inlägg20 jan 2017, 09:35

Tänkte testa lite mer plugins till atom.

Börjar med följande:

minimap ger hela filen som en scrollbar, bra översikt och snabbt att scrollar till vissa sektioner eller finna valideringsfel.

git-time-machine enkelt att jämföra nuvarande kod med tidigare commits i två olika flikar med ändringarna markerade.

git-plus för att skriva git-kommandon i atom. Lite osäker på om det passar mig, men jag tänkte testa lite och se.

git-blame för att se vem som gjort ändringar i en viss fil.
...
..:
.... /mos
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10982
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Installera texteditorn Atom

Inlägg22 jan 2017, 18:02

docblockr - för att atuomatiskt skriva DocBlock kommentarer.
...
..:
.... /mos

Gunnar_E

javascript-guru

  • Inlägg: 83
  • Blev medlem: 07 jan 2016, 10:22

Re: Installera texteditorn Atom

Inlägg22 jan 2017, 23:41

file-icons (https://atom.io/packages/file-icons) om man vill ha lite roligare fil-ikoner, som t ex en blå PHP-elefant. Gör det lättare att urskilja de olika filtyperna.
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10982
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Installera texteditorn Atom

Inlägg24 jan 2017, 15:40

split-diff - för att jämföra två filer jämte varandra.

minimap-split-diff - Split diff plugin till minimap.
...
..:
.... /mos

natalia

sql-kodare

  • Inlägg: 55
  • Blev medlem: 26 jul 2017, 20:10

Re: Installera texteditorn Atom

Inlägg25 aug 2017, 21:49

Jag kan inte få Atom att fungera på min windows. Jag råkade ta bort menyn och kunde inte återställa den så jag körde uninstall och försökte installera om Atom, men det verkar som det inte tagits bort helt från min dator då det bara fortsätter på samma sätt - utan meny. Vad göra? Vad är fördelen med Atom jämfört med Notepad++ förresten?
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10982
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Installera texteditorn Atom

Inlägg25 aug 2017, 22:20

Avinstallera.
Starta om datorn.
Installera igen.

Atom är den texteditorn vi valt. Notepad++ är en annan texteditor.

Se alternativa texteditorer, eller några av dem, det finns många där ute.
https://dbwebb.se/kunskap/installera-te ... alternativ
...
..:
.... /mos

natalia

sql-kodare

  • Inlägg: 55
  • Blev medlem: 26 jul 2017, 20:10

Re: Installera texteditorn Atom

Inlägg25 aug 2017, 23:10

Har redan gjort det 2 gånger utan framgång. Atom avinstalleras alltså inte till 100% utan hänger någonstans i bakgrunden. Hittade i ett forum att andra har stött på samma problem och föreslår att man döper om .atom under Users/namn. Jag får försöka lösa det på nåt sätt, annars kommer jag att hålla mig till Notepad++.
Användarvisningsbild

Allinrep

dbwebb

  • Inlägg: 1124
  • Blev medlem: 03 sep 2012, 09:19
  • Ort: Portugal (tillfälligt)

Re: Installera texteditorn Atom

Inlägg26 aug 2017, 11:50

Det går bra att fortsätta använda en texteditor du redan är van vid. Se till att då får rätt inställningar bara: soft tabs, tab-size 4 spaces, UTF-8 NOBOM, samt Unix-style line endings.
Användarvisningsbild

mos

dbwebb

  • Inlägg: 10982
  • Blev medlem: 10 nov 2011, 09:52
  • Ort: Ronneby / Bankeryd

Re: Installera texteditorn Atom (och plugins)

Inlägg05 dec 2017, 17:46

Jag har ändrat lite hur jag jobbar i Atom då jag öppnar nya Atom-fönster genom menyvalet "Open in new window".

Varje nytt förnster öppnas normalt i repots översta katalog.

Jag ville då ha möjligheten att köra ett terminalkommando i samma katalog, utan att flytta till en terminal.

Det verkar som paketet platformio-ide-terminal gör det jag vill, en terminal inuti Atom.
https://atom.io/packages/platformio-ide-terminal
...
..:
.... /mos

Vilka är online

Användare som besöker denna kategori: Inga registrerade användare och 12 gäster