Quick Tips: Konfigurering Sublime Text 2 for Dart Coding
Del
Del
56
Del
Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
Sublime Text 2 er en kraftig teksteditor, populær på grunn av sin cross-platform tilgjengelighet og dens evne til å utnytte allerede eksisterende Textmate evner. Kombiner Sublime Text 2 med Googles nye Dart språk og makt programmerere kan være veldig glad
Oppdatering:. New Video Guide
Red.anm: Siden denne artikkelen ble første gang publisert, har det blitt utdatert. Det er nå en mye bedre arbeidsflyt for å bruke Dart i Sublime Text 2, som Timothy Armstrong forklarer i denne videoen:
Den opprinnelige artikkelen er igjen uredigert under
Forutsetninger
.
For at dette skal gå fort, vil jeg anta at du har noen grunnleggende kunnskap. Du bør være kjent med følgende for dette tipset:
En arbeidsgruppe kunnskap om Sublime Text 2 pakker. Mesteparten av dette tipset sentre på trinnene som kreves for å bygge vår egen Dart pakken, men hvis du aldri har brukt en bit før kan det være lurt å sikkerhetskopiere et øyeblikk og gå lære mer om Sublime Text først.
Endelig er for en generell kunnskap om akkurat din OS. Vi må gjøre en liten mengde av konfigurasjon og hvis du er komfortabel, sier modifisere en Bash_profile fil via Terminal, så du blir fin.
Hvis du trenger noen før lesestoff, henviser jeg deg til følgende:
Sublime Text to dokumentasjon (men uoffisielle) holdes på sublimetext.info/docs. Sidene på pakker, syntaks Definisjoner og biter var spesielt nyttig i skrivingen av dette tipset.
< li> Mye har vært skrevet om Subversion, for ikke å nevne en komplett elektronisk bok. Det er litt mer enn du trenger, som du bare må ha Subversion installert og å hente ut en enkelt mappe
Google vil være din venn når det gjelder å lære mer om hvordan du konfigurerer systemet.
Trinn 1: Installer Dart Editor
Vi vil egentlig ikke skal bruke Dart Editor (poenget med denne opplæringen er å bruke Sublime Text for Dart utvikling, tross alt), men nedlastingen inkluderer Dart SDK, som er virkelig hva vi er ute etter. Selv om du er en hardcore Sublime Text 2 fanatisk, er det fortsatt ikke en forferdelig idé å ha den "offisielle" Dart Editor installert og hendig.
På den offisielle Dart nettstedet kan du laste ned Dart Editor fra følgende link:
http://www.dartlang.org/docs/getting-started/editor/
Under "Trinn 1" på den siden, vil du finne en link til en ZIP-fil som inneholder Dart Editors. Det er rundt 70-100 MB, avhengig av OS, så det er ikke en veldig tung nedlasting. Men få det i gang!
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. Den Activetuts + innledende Dart tutorial (foreløpig kun tilgjengelig via Facebook) 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 operativsystemet på følgende URL (det er bare 2 eller 3 MB):
http://www.dartlang.org/docs/getting-started/sdk/index.html
Trinn 2 : Hvis du har 64-bits Linux
Hvis du ikke Hvis du er Gå til Software Center og søker etter «lib32stdc ++ 6" eller "GNU Standard C ++ bibliotek 32 bit". Installere den. Du kan fortsette med de neste trinnene mens den installerer - bare husk dette biblioteket har installert før du forsøker å kjøre bygge systemet Den Textmate språkfil ligger på Google Code her (web-basert visning i depotet). Dette er faktisk en del av et større Textmate bunt (men ikke så mye større), men vi er bare interessert i språket grammatikk. Før vi hente denne filen, skape et sted for det å leve på systemet ditt. Du må opprette en mappe som heter Dart på følgende plassering, avhengig av OS: Deretter åpner opp kommandolinjegrensesnittet og navigere til innsiden av det nyopprettede Dart mappe. After et øyeblikk du bør ha Dart.tmLanguage filen i Dart mappe. Gå videre og prøve det ut (du må kanskje starte Sublime Text). Åpne opp en Dart fil og sjekk ut den fargerike syntaks: frogc er Dart-til-Javascript kompilatoren. Det er et kommandolinjeverktøy, men det er heldigvis lett å bruke. Vi skal bruke den i en Sublime Build System senere å slå vår Dart filen (e) i Javascript, slik at vi ikke engang trenger å bruke den på kommandolinjen uansett. For å gjøre Build System trenger vi banen til vår frogc kjørbar. Dette ble lastet ned med Dart SDK (som du enten lastet med Dart Editor eller av seg selv). Det vil bli plassert på dart-SDK /bin /frogc. "dart-SDK" vil enten være der du lastet ned og pakket ut SDK av seg selv, eller nestet rett innenfor dart mappen som også inneholder Dart Editor program, som vil være der du plasserte den. Vi trenger en kommandolinje-kompatibel bane til frogc. På Mac OS, kan du gjøre dette: Åpne opp et terminalvindu og dra frogc inn i den. Vinduet vil inneholde teksten i banen til filen du droppet For Windows:. Klikk i adresselinjen i vinduet. Det bør gjøres om til en ren tekst banen til mappen, som du deretter kan kopiere. Du må legge til "\\ frogc.bat" på slutten for å få banen til frogc, ikke bare bin mappen. Hvis du er på Linux, har du sannsynligvis allerede vet hvordan du gjør dette. Kontroller at banen er absolutt, og lett tilgjengelig. Plasser den på utklippstavlen eller i en ripe tekstfil for neste trinn For å gjøre dette språket pakken virkelig I Sublime Text, velge Verktøy og gt.; Bygg System > Nybygg System ... meny. Du vil bli presentert med en ny fil med følgende standard innholdet: product: {"cmd": ["gjør"]} Dette er bare en JSON objekt som beskriver en helt enkel build kommando. Vi vil legge mye mer til dette for å gjøre det nyttig for Dart utvikling. Med den veien du bestemt i det siste trinnet lett tilgjengelig, vi kan redigere vår sublime-build-fil. Hvis du er på Mac eller Linux, endre innholdet i filen til: ovenfor er det jeg har på min Mac-systemet. Der det står /Programmer /dart /dart-SDK /bin /frogc, legge inn din egen frogc banen. Hvis du er på Windows, vil filen ser ganske like ut, men du bør endre "cmd "-linjen til: For å kort forklare hva dette gjør, det cmd eiendommen er i utgangspunktet akkurat det å kjøre på kommandolinjen. frogc er enkel å bruke: bare påberope kommandoen og mate den en fil. . Den $ fil del av denne linjen er en variabel som blir utvidet automatisk til siden av den aktuelle filen I Windows ting er litt spenstig som standard (i hvert fall i dette scenariet, det er ikke en grave på Microsoft, jeg sverger!). Det vi har vil kjøre Windows kommandolinje (cmd) med "ikke holde terminalvinduet up" parameter (/C, men selv de "holde terminalvinduet opp" /K parameter viser ikke det heller), og kjøre frogc.bat, passerer det hele filbanen. Dette er en rask måte å få det til å fungere, men ser ut til å gi feil i den gjeldende versjonen. Dette er trolig et midlertidig problem, som på tidspunktet for dette skriftlig disse feilene er produsert med standard SDK og ikke den nyeste SDK. Se neste skritt for en alternativ rute. file_regex linjen er for feil rapportering. Hvis en linje i produksjonen av kommando kampene denne regulært uttrykk mønster, er det anerkjent som en feil og trykke F4 vil markere dem for deg i utgangspanelet. Dessverre frogc bruker tekst-styling-koder for å gjøre deler av feilmeldingen en annen farge og /eller fet. Når rør inn Sublime Text, er disse stilkoder presenteres som vanlig tekst, slik at produksjonen kan være litt vanskelig å lese, med [0m og lignende koder pepret blant lesbar tekst. Jeg er ikke klar over noen vei rundt dette, dessverre. Den siste linjen, velgeren, angir omfanget som denne Build System bør skje. Med dette settet til source.dart bør Dart filer automatisk velger dette Build System. Sublime Text 2 vet at en ".dart" filen er en, vel, en Dart fil takket være språket grammatikken vi installert. Lagre denne filen som Dart-frogc.sublime-build i [sublime Data] /Pakker /Bruker /Dart / For å unngå de nevnte feil på Windows, og også lage din build system passe mer på linje med de Mac- og Linux-versjoner, Vi kan legge til dart-SDK bin mappen til Windows-miljøet, slik at Sublime Text vet å lete der for frogc. For å legge banen, klikker du på Start, høyreklikk på Datamaskin og velg Egenskaper. (Alternativt:. Kontrollpanel > System og Sikkerhet > System Nå finner "banen" variable, enten i Brukervariabler eller system variabler (det fungerer med heller). Hvis det ikke finnes, kan du klikke Ny for å lage det, men hvis det ikke eksisterer, og deretter klikke Ny vil overskrive den, så vær forsiktig. Tilføy riktig bane til slutten av det som allerede er der, med et semikolon for å skille den fra alt annet. Du trenger ikke å flykte skråstreker eller erstatte mellomrom med understrek eller noe sånt. Mine ser slik ut: (Scroll ovennevnte boksen til høyre) Det vil la deg kjøre frogc c:. \\ hva \\ source.dart fra kommandovinduet, men det fortsatt ikke vil arbeide innenfor Sublime Tekst 2. For noen grunn, ST2 på Windows krever at du angir filtypen i build system fil, som så: På dette punktet, bør du ha en brukbar bygge systemet på Windows som er mindre sannsynlig å bryte Gå videre og prøve vårt nye Build System ut. Åpne opp en Dart-fil, og trykk F7 eller Ctrl-B (på Mac, Kommando-B). "B" for Build. Du bør se resultatet panel åpne opp nederst, og hvis Dart er feilfrie, vil du bare se [Ferdig]. Hvis du har feil, vil du få mye mer kompleks utgang. For eksempel: Når dette skjer, trykk F4 for å gå videre gjennom de ulike linjene av feil, og Shift-F4 for å flytte bakover. Feilen linje vil markere i output panel, og markøren vil bli plassert på linjen og kolonnen identifisert av feilen Det er potensielt mange nyttige snutter å bli lagt til en Dart bunt. La meg komme i gang ved å legge til et tekstutdrag som skaper en ny metode Fra Sublime Text-menyen, velg Verktøy >.; New Snippet ... Du vil igjen bli presentert med en standard fil, dette i XML-format. Endre innholdet til: Ta gjerne endre innholdet i < tabTrigger > node fra metode til noe annet som du finner mer nyttig. Dette er hva du skriver før du trykker Tab for å få tekstutdraget Lagre filen som method.sublime-tekstutdrag (utvidelsen er avgjørende;. Basen navn er hva din Biten viser seg som i menyene ), på følgende plassering i forhold til din Sublime Text 2 pakker mappe. You skal allerede ha "Dart" -mappen fra installasjonen av språket grammatikk filen Anmeldelser Nå kan du prøve ut den nye biten (du må kanskje starte Sublime Text, men jeg tror dette er ikke lenger et problem). 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. Feltets vidåpne for etablering av tidsbesparende Dart snutter. Føl deg fri til å poste dine snutter i kommentarfeltet Og det du har det.; de av bruk som foretrekker en viss tekstredigeringsprogram over alt annet kan fortsette å gjøre det, selv med denne nye Dart språket. Takk for lesing, og jeg håper du har lært noe om Sublime Text 2 sin utvidelsesmuligheter underveis.
har en 64-bits Linux installasjon, kan du hoppe over dette trinnet. (Jepp, det inkluderer deg, Windows- og Mac-brukere;. Bla ned for dine instruksjoner)
på en 64-bits Linux installasjon, må du installere en 32 -bit bibliotek for å kjøre Dart kompilatoren, selv om du har lastet ned 64-bit Dart Editor. Jeg er ikke en Linux guru av noen strekning, men dette fungerte for meg, på min Ubuntu 11-installasjonen.
Trinn 3:. Last ned Google Dart Textmate Språk File
Mac OS: ~ /Bibliotek /Application Support /Sublime Text 2 /Pakketilbud /Dart
< li> Windows 7: C: \\ Users \\ Administrator \\ AppData \\ Roaming \\ Sublime Text 2 \\ Packages \\ Dart
Linux: ~ /.config /sublime-tekst-2 /Pakketilbud /Dart
svn eksport http://dart.googlecode.com/svn/branches/bleeding_edge/dart/tools/utils/textmate/Dart.tmbundle/Syntaxes/Dart.tmLanguage
En enkel Dart fil i Sublime Text 2, viser av syntax highlighting
Trinn 4: Finn din frogc Kjørbar
Trinn 5:. Lag en Dart Bygg System å kompilere Java
nyttig, bør vi sette opp en Build System, som lar oss kjøre filer gjennom et skall bygge kommando
{"cmd": ["/Programmer /dart /dart-SDK /bin /frogc", "$ file"] »file_regex": «^ (.. + \\\\ dart): (\\\\ d +): (\\\\ d +):. + \\\\ [0m (. +) $", "velgeren": "source.dart"}
{" cmd ": [" cmd "," /C "," C: \\\\ sette banen her \\\\ frogc.bat "," $ file "]» file_regex ":" ^ ( .. + \\\\ dart): (\\\\ d +): (\\\\ d +):.. + \\\\ [0m (+) $ "," velgeren ":" source.dart "}
Valgfri Strøm-User Trinn for Windows
) ". Miljøvariabler" Klikk "Advanced system settings", deretter på
C:\\Windows\\system32;C:\\Windows;C:\\Windows\\System32\\Wbem;C:\\Users\\Administrator\\Downloads\\dart-win32-latest\\dart-sdk\\bin
"cmd": ["frogc.bat", "$ file"]
Trinn 6:. Bruke Bygg System
Trinn 7:. Start tok snutter
< snippet > < innhold > < [CDATA [$? {1: void} $ {2: metode} ($ {3: argumenter}) {$ 0 $ {1 /void | (. +) /(1: \\ n \\ treturn null;) /}}]] > < /content > < tabTrigger > metode < /tabTrigger > < omfang > source.dart < /omfang > < /snippet >
/Dart/method.sublime-snippet
Det er All