Slik konfigurerer du prosjekter og forsterker dem ved hjelp av Bower

I del 1 av vår Bower-serie har vi vist deg Bowers essensielle funksjoner, som inkluderer installasjon, oppdatering og fjerning av websider. Bower gir også litt fleksibilitet, bortsett fra disse. Her vil vi vise deg hvordan du konfigurerer Bower og forsterker prosjektene dine med den.

Endre Bower Directory

Som standard vil Bower opprette et nytt katalognavn: bower_components . Hvis navnet ikke appellerer til deg, kan du endre det.

Først må vi opprette en ny fil med navnet .bowerrc . Legg deretter til følgende linje i den.

 {"katalog": "komponenter"} 

Det forteller Bower å lage og lagre bibliotekene som er installert i mappen som heter komponenter .

Bower JSON

Bower JSON er en fil som definerer prosjektet ditt som en Bower-pakke. Filen spesifiserer prosjektnavnet, versjonen, prosjektets avhengigheter, samt informasjon som er svært nyttig for å holde sporing og dokumentasjon av prosjektet ditt .

For å opprette denne filen, naviger til prosjektkatalogen din og skriv inn bower init . Du vil bli bedt om flere alternativer og spørsmål, inkludert name på prosjektet ditt. Mens resten er valgfrie, foreslår jeg at du fyller ut følgende: description, version, main som definerer prosjektets primære filer, author, license, homepage og dependencies som er bibliotekene som prosjektet ditt stoler på.

Hvis du allerede har bibliotekene installert i bower_components allerede, kan du velge Y når den ber om " angi installerte komponenter som avhengigheter? “; Bower vil registrere dem som avhengighetene i filen automatisk.

Bower vil vise deg innholdet før det oppretter filen. Hvis det ser bra ut, kan du skrive Y ...

... og en ny fil med navnet bower.json vil bli opprettet i prosjektkatalogen.

Eksporterer gamle prosjekter til Bower

Nå som du vet, Bower er et flott verktøy for å hjelpe deg med å administrere prosjektene dine, kanskje du vil bruke det i dine tidligere prosjekter. Vanligvis kan du i dine gamle prosjekter ha koblet bibliotekene på denne måten innenfor .

Med dette som vårt eksempel kan vi se at prosjektet avhenger av jQuery, Normalize og Accounting.js (se vår tidligere opplæring, Formateringsnummer med Accounting.Js).

Så, la oss kjøre bower init i dette prosjektet. Åpne deretter bower.json, og definer dem som avhengighetene.

 "avhengigheter": {"jquery": "1.10.2", "normalisere-css": "3.0.1", "regnskap": "0.3.2"} 

Kjør deretter kommandoen bower install . Dette vil skanne bower.json og installere bibliotekene som er oppført under dependencies .

Du kan trygt slette de gamle bibliotekene og koble dem til Bower-komponentkatalogen i stedet. Og alle som vil bære på prosjektet senere, kunne enkelt installere og oppdatere bibliotekene med Bower-kommandoer.

Wrap Up

Bower gir oss mange konfigurasjoner, hvorav de fleste vi ikke kan dekke i sin helhet her. For å utforske flere av sine kommandolinjer, kan du skrive bower help som vil returnere de andre Bower verktøyene. Til slutt kan du bruke Bower på en hvilken som helst prosjektskala (liten eller stor). Det bør være nyttig å gjøre prosjektet mer overskuelig.

Slik zoomer du på bilder som Medium

Blogging-plattformen bruker en tilpasset bildezoom-effekt på deres bloggsider. Når brukeren klikker et bilde, vil det automatisk zoome inn i en større størrelse.Det er en flott effekt og absolutt unik for Medium, men det var aldri noe som lett kunne kopieres.Nå, med MediumLightbox- skriptet, er det enklere enn noensinne. Det

(Tekniske og design tips)

Vakre Ramadan Bakgrunnsbilder til skrivebordet ditt

Ramadan er en måned med velsignelser og bønner. I denne måneden er muslimer fra hele verden rask på dagtid. All slags mat og drikke er forbudt fra soloppgang til skumringen, eller om dagen. Det er en måned med godhet som ender med en av de største festivaler i muslimsk kalender, Eid-Ul-Fitr. Dagen starter med et måltid som må spises før daggry. Etter d

(Tekniske og design tips)