Forbind din Android enhed til computeren via USB og sørg for at “Udviklingsindstillinger” er slået til. Søg på din Android version og mærket på din mobil (f.eks. Android version 7 Samsung udviklingsindstillinger) for at se hvordan. Gå til chrome://inspect i din Chrome browser. Hvis din enhed detekteres korrekt, vil du se modelnavn (i eksemplet SM-G390F) […]
Kategori: Webudvikling
Npm: opdatering af dit projekt
Opdater selve npm For at opdatere selve npm:
|
1 |
sudo npm install -g npm@next |
Få vist npm’s version:
|
1 |
npm -version |
npm outdated Vis pakker der er forældet, dvs. udkommet i nyere versioner:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 |
$ npm outdated Package Current Wanted Latest Location @angular-devkit/build-angular 0.6.8 0.6.8 0.8.3 my-app @angular/animations 6.1.3 6.1.9 6.1.9 my-app @angular/cdk 6.4.6 6.4.7 6.4.7 my-app @angular/cli 6.0.8 6.0.8 6.2.3 my-app @angular/common 6.1.3 6.1.9 6.1.9 my-app @angular/compiler 6.1.1 6.1.9 6.1.9 my-app @angular/compiler-cli 6.1.1 6.1.9 6.1.9 my-app @angular/core 6.1.3 6.1.9 6.1.9 my-app @angular/forms 6.1.3 6.1.9 6.1.9 my-app @angular/http 6.1.3 6.1.9 6.1.9 my-app @angular/language-service 6.1.3 6.1.9 6.1.9 my-app @angular/platform-browser 6.1.3 6.1.9 6.1.9 my-app @angular/platform-browser-dynamic 6.1.3 6.1.9 6.1.9 my-app @angular/pwa 0.6.8 0.6.8 0.8.3 my-app @angular/router 6.1.3 6.1.9 6.1.9 my-app @angular/service-worker 6.1.3 6.1.9 6.1.9 my-app @ng-bootstrap/ng-bootstrap 2.2.2 2.2.2 3.2.2 my-app @ng-select/ng-select 2.5.0 2.9.1 2.9.1 my-app @types/node 10.5.8 10.11.0 10.11.0 my-app jasmine-core 3.1.0 3.1.0 3.2.1 my-app karma 2.0.5 2.0.5 3.0.0 my-app karma-coverage-istanbul-reporter 2.0.1 2.0.4 2.0.4 my-app ng-sidebar 7.3.0 7.3.0 8.0.0 my-app protractor 5.4.0 5.4.1 5.4.1 my-app rxjs 6.2.2 6.3.3 6.3.3 my-app typescript 2.9.2 2.9.2 3.0.3 my-app |
CurrentDen version der pt. er installeret WantedDen version der bør installeres iht. reglerne (semver) i package.json LatestDen senest tilgængelige version Opdater iht. semver Hvis du blot vil opdatere […]
Angular 6: Begynderfejl
Jeg starter dette dokument, for at minde mig selv om de fejl jeg IKKE må begå igen. Change Detection og indexedDB = blødende memory leak Hver eneste gang en variabel ændrer værdi, vil Angular kører en såkaldt “change detection”. Dvs. at DOM opdateres i henhold til ændringen. Hvis du f.eks. har en [ngClass]=”doSomething()” på samtlige […]
Angular 6 pwa: Progressive Web App
PWA (Progressive Web App) er navnet på en W3C standard der gør en hjemmeside endnu mere mobilvenlig og giver brugeren en følelse af at benytte en “rigtig” app.: Offline caching ved hjælp af service workers, dvs. din web app om nødvendigt også kan fungere uden en internetforbindelse. Et manifest der definerer splash screen, ikoner, navn […]
Angular 6 http: Kommunikation med api
Opret en service Opret en ny service:
|
1 |
$ ng g s _service/ApiCom |
Jeg vælger at kalder den ApiCom (Api Communication), men det er helt op til dig at vælge et navn. Derudover placerer jeg alle mine services under ~/mitProjekt/src/app/_service. Dette er den nye service og jeg har derudover importeret Angular’s indbyggede http klient og føjet en ny instans til […]
Angular 6 navigering: Responsive menu – en sidebar
|
1 |
$ npm install --save ng-sidebar |
I app.module.ts
|
1 |
import { SidebarModule } from 'ng-sidebar'; |
… og i imports sektionen af samme fil:
|
1 2 3 4 5 |
imports: [ BrowserModule, ... SidebarModule.forRoot() ] |
I dokumentationen er brugen af modulet tydeligt forklaret, men som ny bruger af Angular 6, havde jeg lidt udfordringer med at finde ud af, hvordan man åbner og lukker det uden for det komponent hvor det er tilføjet. Jeg løste det ved […]
Angular i18n: Oversættelse til flere sprog
[EDIT: 2020-01-31] Vejledningen her fungerer, iht min erfaring for Angular 6, 7 og 8. Oversættelse i Angular er kompliceret ved første øjekast, men efterhånden som man dykker ned i tågen af information, viser sig en ganske fornuftig arbejdsgang der i stor udstrækning forsimpler opgaven i forhold til tidligere tiders metoder. En af de helt store […]
Igang med Angular 6 på Linux
Informationen i dette indlæg kan være forældet da det omhandler Angular 6. I skrivende stund er Angular 13 på trapperne. Det fede Angular er at det er så ufattelig nemt at komme igang. Nedenstående er mine noter fra denne Angular 6 tutorial som jeg varmt kan anbefale.: Opret projekt Først skal vi have fat i […]
Browscap-php installation og opdatering
Det er en forudsætning at composer er installeret: Composer til dine php projekter Installer browscap-php
|
1 |
# php /usr/bin/composer require browscap/browscap-php |
Dernæst skal browscap data hentes og placeres (du kan bruge samme kommando til fremtidige opdateringer). Her et eksempel:
|
1 2 3 4 5 6 7 8 |
# vendor/bin/browscap-php browscap:update --cache ../../data/browscap_cache [2018-05-04 12:26:47] started updating cache with remote file {"memory_peak_usage":"2 MB"} [2018-05-04 12:26:48] a newer version is available, local version: 6027, remote version: 6000028 {"memory_peak_usage":"4 MB"} [2018-05-04 12:26:48] start creating patterns from the ini data {"memory_peak_usage":"17.44 MB"} [2018-05-04 12:26:50] finished creating patterns from the ini data {"memory_peak_usage":"37.43 MB"} [2018-05-04 12:26:50] start creating data from the ini data {"memory_peak_usage":"37.43 MB"} [2018-05-04 12:26:51] finished creating data from the ini data {"memory_peak_usage":"65.44 MB"} [2018-05-04 12:26:51] finished updating cache with remote file {"memory_peak_usage":"65.44 MB"} |
Se yderlige info her: Github: browscap/browscap-php
Subversion kommandoer
Rul tilbage til tidligere version Gå tilbage til en tidligere revision (erstat 3523 med dit revisionsnr):
|
1 |
svn update -r 3523 |
Fortryd en handling Med svn revert can du fortryde ændringer til filer eller handlinger foretaget lokalt. Dette eksempel viser hvordan du fortryder svn add på en fil:
|
1 2 3 |
svn add forkert-fil.txt svn revert forkert-fil.txt |
Jeg kom på et tidspunkt til at køre svn add * i […]