Quick Tips: Konfigurering Textmate for Dart Coding
Del
Del
14
Del
Dette Cyber Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
Dart er en ganske kul nytt språk som kan bety en endring i måten du skriver webapplikasjoner. Google gir et Eclipse-basert Dart Editor som gir en hendig måte å komme i gang. Men Textmate brukere vanligvis finne en måte å bøye Textmate til sin vilje, og dette Quick Tips vil komme i gang a-bøying å bruke Dart med Textmate.
Forutsetninger
Jeg antar at du er kjent med Textmate bunter til minst graden av hva de er og at de legge til funksjonalitet (vanligvis språkspesifikke) til Textmate. Jeg antar også at du er kjent med, og er i stand til å sjekke koden ut av en Subversion repository. Til slutt, antar jeg at du har litt Dart opplevelse. Du trenger ikke mye, men å ha noen Dart filer rundt for å åpne i Textmate vil gjøre dette gå mye glattere.
Hvis du ikke er kjent med Dart på dette punktet, kan jeg henvise deg til den offisielle kilden av informasjon: http://www.dartlang.org/. Utover det, har Activetuts + tidligere utgitt min innledende tutorial på språket, Hva er Dart, og hvorfor skulle du bry deg?
Installer Dart Editor
Vi vil egentlig ikke skal bruke Dart Editor ( poenget med denne opplæringen er å bruke Textmate for Dart utvikling), men nedlastingen inkluderer Dart SDK, som er virkelig hva vi er ute etter. Selv om du er en hardcore Textmate fanatiker (som jeg er), er det likevel ikke en forferdelig idé å ha den "offisielle" Dart Editor installert og hendig.
På den offisielle Dart nettsted (se forrige avsnitt) Du kan laste ned Dart Editor fra følgende link: http://www.dartlang.org/docs/getting-started/editor/index-macos.html
Hvis du er på Windows eller Linux, Foreløpig leser denne opplæringen til tross for sin Mac-sentriske natur, kan du laste ned Dart Editor for disse plattformene fra Dart Editor for Windows og Linux-sider.
Under "Trinn 1" på den siden, finner du en link til en ZIP-fil som inneholder Dart Editors. Det er rundt 40 MB, så det er ikke en veldig tung nedlasting.
Dart Editor er basert på Eclipse, så hvis du har brukt at du vil være hjemme med Dart Editor. Jeg vil ikke være å få inn i detaljer om hvordan du bruker det i denne opplæringen, men gjerne leke seg med det. De nåværende Activetuts + Facebook Fan Bonus tar deg gjennom grunnleggende bruk av Dart Editor.
(Merk at hvis du ikke ønsker å installere Dart Editor, kan du laste ned bare den mørke SDK for din OS på dette URL (det er bare 2 eller 3 MB): http://www.dartlang.org/docs/getting-started/sdk/index.html
Installer frogc
frogc er Dart- til-Javascript kompilatoren. Det er et kommandolinjeverktøy, men det er heldigvis lett å bruke. Vi kommer til å bruke det i en Textmate kommando senere å slå vår Dart filen (e) i Javascript, slik at vi faktisk kan bruke vår Dart kode i dag.
Åpne opp Terminal (finnes i /Programmer /Verktøy /mappe) Skriv inn følgende:.
nano ~ /.bash-profil
Hvis du allerede har noen PATH tilpasninger skjer, plasserer du markøren etter disse linjene
Type:.
export PATH = $ PATH:
og deretter drar bin mappen, som bør plasseres i /Programmer /dart /dart-SDK /bin, inn i Terminal vindu. Hvis det ikke er i den posisjonen, se etter en dart-SDK mappen i noe som du lastet ned (hvis du lastet ned SDK av seg selv, bør dette være at nedlastingen, pakket ut). Du bør ende opp med noe som dette:
export PATH = $ PATH: /Applications /dart /dart-SDK /bin
For å lagre denne filen, trykk Ctrl-O (det er kontroll, ikke Command), trykk på returtasten å bekrefte filen skal lagres, og deretter trykke Ctrl-X for å avslutte nano
Nesten klar.; Jeg har funnet et problem med frogc hvis du tilfeldigvis har mellomrom i dine fil- eller mappenavn. Dette kan være lett fast, though. Åpne opp frogc. Det er en kjørbar shell script, så ikke dobbeltklikk på den. I stedet drar den til Textmate-ikonet, og du kan bli presentert med en advarsel, men du bør være i stand til å se den korte skript. Du trenger ikke å forstå hva dette betyr, bare endre den siste linjen fra dette:
$ SCRIPTPATH /dart --new_gen_heap_size = 128 $ SCRIPTPATH /frogc.dart --libdir = $ LIBPATH $ @
.. .til dette:
«$ SCRIPTPATH /dart" --new_gen_heap_size = 128 "$ SCRIPTPATH /frogc.dart" --libdir = "$ LIBPATH" "$ @"
Legg merke til at i utgangspunktet jeg har omgitt hver bane med sitater, noe som bidrar til å unngå plassen problem.
Installer Googles Dart TMBundle
Du kan finne .tmbundle på denne Google Code siden.
Du kan enten sjekke ut Hele Dart kilde, som kan være interessant å rote gjennom, eller du kan bare sjekke ut .tmbundle. Bruke Terminal, navigere til stedet der du vil ha koden (type cd dra deretter målmappen til Terminal-vinduet igjen - merk at det er et mellomrom etter cd). Når terminalen er i ønsket posisjon, skriver dette er i for en full kassen:
svn checkout http://dart.googlecode.com/svn/trunk/dart-read-only
... eller denne for bare .tmbundle:
svn checkout http://dart.googlecode.com/svn/branches/bleeding_edge/dart/tools/utils/textmate/Dart.tmbundle
If du har sjekket ut hele prosjektet, du kan navigere til .tmbundle ved å følge denne veien fra prosjektet root: [dart-read-only] /dart/tools/utils/textmate/Dart.tmbundle. Uansett, dobbeltklikker du på .tmbundle å ha Textmate installere den.
Mange Textmate brukere liker å bare sjekke .tmbundles ut direkte til deres bunt katalogen. For å gjøre dette, navigerer du til den katalogen i Terminal (dette bør gjøre det: cd "~ /Bibliotek /Application Support /Textmate /Tine Kopier /Bundles") og deretter kjøre den andre svn checkout linjen over (den som sjekker ut bare .tmbundle). På denne måten kan du enkelt oppdatere bunten in-sted med svn up "~ /Bibliotek /Application Support /Textmate /Tine Kopier /Bundles".
Skriv en Command å kompilere Dart til Script
Google Dart Bundle er stor for å legge syntaks støtte for Dart, så når du oppretter en fil som slutter på .dart du får farget syntaks og kode folding og den slags ting. Men det ikke inneholder noen tekstbiter eller kommandoer. Den mest nyttige kommandoen (ja, det første jeg tenkte på) er en kommando for å kompilere din nåværende Dart script med frogc for deg. Vi vil legge til en i dette trinnet
I Textmate, åpner Bundle Editor (trykk på Kommando-Tilvalg-Kontroll-B Klikk på Dart oppføring i listen til venstre Med "+" knappen nederst til venstre, velg "New Command" Du skal se en ny "untitled" kommandoen vises under Dart bunten. Endre navnet til "Compile med frogc" I den store tekstfeltet til høyre (merket "Command (s)"), skriver du inn følgende: Over teksten området, har du muligheten til å ha kommandoen lagre filen før du kjører. Dette kan appellere til deg (det gjør for meg, en mindre tastetrykk!). Hvis den gjør det, må du endre "Save" fra "ingenting" til enten "Current File" eller "Alle filer i Project". Under tekstområdet, der det står "Input", sett den til "Ingen". Under det, der det står "Output", sett den til "Vis som Tooltip". Dette lar noen utgang fra kommando dukke opp i et verktøytips nær markøren, som betyr at hvis du har feil mens du kjører frogc du kan se dem. De er ikke veldig pen, men det er bedre enn ingenting. Under at Under det, der det står "Scope Selector," type "source.dart # 8221;. Din kommando Vinduet skal se omtrent slik ut: Lukk Bundle redigeringsvinduet Vi har satt opp terminal slik at den vet hvor frogc er, men dessverre Textmate ikke dele denne informasjonen. Den enkleste løsningen er å legge banen som vi har lagt til Bash_profile filen til Textmate preferanser Åpne opp Textmate sin Innstillinger (trykk på Kommando-, eller gå til Textmate >. Preferences ... Anmeldelser ). Klikk på Avansert-knappen øverst, og klikk deretter på kategorien Shell-variabler. Hvis du ikke allerede har en PATH variabel, klikker du på "+" -knappen, og i den første kolonnen,. I den andre kolonnen i rad som begynner PATH, skriver du inn banen du har lagt til Bash_profile (bare banen, ikke den delen som sier typen PATH EXPORT PATH = @ PATH :). Sørg for å forlate den eksisterende verdien intakt -. Legge et kolon på slutten av hva som er der allerede, og deretter kopiere i den nye banen Lukk vinduet Innstillinger, og du er klar til å prøve det ut. Hvis du trenger en Dart-fil, kan du enten lage en Hello World-fil ved å opprette et nytt prosjekt med Dart Editor, eller du kan grave opp eksempler fra Dart Editor nedlasting, i "samples" -mappen. Åpne opp en Dart fil i Textmate og trykke Kommando-B; hvis alt går bra skal du ha en Javascript-fil ved siden av Dart filen etter noen sekunder Hvis du ønsker å få en litt mer avansert, endre koden på kompilering kommandoen til dette: Dette vil gi deg en "kompilere fullført" tooltip når frogc er gjort kjører, hvis den går med hell. Hvis du har feil, vil de fremdeles dukke opp som de gjorde før En annen mulighet. Hvis du likte ideen om automatisk lagre filer når du kjører kommandoen, kan du liker ideen om å erstatte kommandoen Lagre med en Lagre-og-Compile kommandoen. Dette er så enkelt som å endre Kommando-B til Kommando-S, og gjør at du sparer på "Current File" i kommandoen. Dette overstyrer de vanlige Kommando-S, som bare lagrer det gjeldende dokumentet, med gjennomføringen av denne kommandoen, noe som sparer og deretter kompilerer. For fullstendighet, kan du lage et duplikat kommando som sparer "Alle filer", og har en aktiveringsnøkkel fra Command-Option-S. Denne snarveien vil overstyre den vanlige Command-Option-S i Textmate, som normalt lagrer alle filene i et prosjekt. Merk at fordi du har satt et Scope Selector, vil dette overstyre bare skje i Dart-filer, ikke hver Det er potensielt mange nyttige snutter som skal legges til en Dart bunt. Vanligvis finner jeg meg gradvis legge dem til som jeg blir kjent med et språk og oppdage at den eksisterende .tmbundle ikke allerede har en. La meg komme i gang ved å legge til et tekstutdrag som skaper en ny metode. I Bundle Editor, sørg for at Dart bunt (eller et element i Dart bunt) er valgt, og velg "Ny Snippet" fra på "+" -knappen. Name it "metode". I den store tekstområdet, merke all eksisterende tekst og slette den. Nå skriver (eller lim inn) følgende: Under "Activation," sett pop-up til "Tab Trigger" og skriv metode i tekstfeltet (gjerne endre dette) Under ". Scope Selector, "type i source.dart Din biten skal se slik ut:.. Lukk Bundle Editor Prøv det ut. I en Dart fil, type "metode" (eller hva du har angitt, hvis du forfalsket din egen fane trigger), trykker Tab, og se den vokse. Du kan fanen gjennom ulike stopper, starter på returtypen, deretter til metodenavnet, og til slutt i mellom parentes hvis du ønsker å legge til argumenter. Den siste kategorien vil slippe deg på den første linjen av metoden. Det kule er at hvis du endrer returtype fra tomrommet, får du en automatisk retur null uttalelse på slutten av metoden din kropp. Selvsagt vil du ønsker å tilpasse dette til dine behov, men forhåpentligvis er det en funksjon som sparer litt å skrive. Magien skjer i uhåndterlig andre linjen i tekstutdrag; Hvis du aldri har sett dette før, så det er litt vanskelig å forklare konsist, men det ser på innholdet i den første kategorien stopp (returtypen), og hvis det er noe annet enn "tomrommet", legger det retur null. Det kan være fornuftig hvis du noen gang har brukt regulære uttrykk, spesielt med substitusjon syntaksen /mønster /erstatning /funnet i Perl. Gitt at Google gir ingen snutter med sine .tmbundle, feltets vidåpne for etablering av tidsbesparende Dart snutter. Føl deg fri til å poste dine snutter i kommentarfeltet. Vi vil samle dem og se om vi kan få Google til å innlemme dem i deres offisielle bunt. Takk for lesing! Jeg håper du er like begeistret Dart som jeg er. Og Dart Editor er ryddig og alt, men jeg er en tosk for Textmate. Kombinere Dart med min tekst editor av valget er noe som bare måtte deles. Anmeldelser
, eller gå til Bundles >. Bundle Editor >.. Show Bundle Editor
)
frogc "$ TM_FILEPATH"
, der det står "Activation", sørg for at den er satt til "Key Equivalent" og deretter sette markøren i tekstfeltet til høyre. Skriv Kommando-B; dette setter denne kommandoen for å utløse når du skriver tastatursnarveien. Kommando-B er den Textmate idiom for en Build kommando hvis bunter har en.
Trinn 1:. Fortell Textmate Hvor frogc er
Trinn 2:. få tilbakemeldinger fra frogc
resultat = `frogc" $ TM_FILEPATH "` hvis ["$ resultat" == ""]; deretter echo "kompilere fullført" ellers echo $ resultfi
gang du lagrer en fil.
Start tok Snippets
$ {1: void} $ {2: metode} ($ {3: argumenter}) {$ 0 $ {1 /void | (+.) /(1: \\ n \\ treturn null;) /}}
Det er alt