Ska'ru'kke ha no' pluss, du'a?
Sånn bygges prosjektet
Noen forutsetninger
Du må ha følgende programvare for å bruke verktøyene:
node
ognpm
.
$ echo "Jeg har disse versjonene"
Jeg har disse versjonene
$ node -v
v6.10.0
$ npm -v
3.10.6
- Filen .editorconfig brukes for å holde kodestilen lik mellom utviklere (Ekstern lenke).
- Jeg pleier ikke å bruke semikolon i Javascript (det trengs bare i for-loops og i noen andre sammenhenger
🤡 )
Steg
npm i
npm run build
- Output er i mappene
/build
og/debug
- Er'u keen, så kan du bytte filstier i
gulpfile.js
Debugging i Chrome (v 62.0.3202.94)
Fordi jeg er pleb har jeg norsk versjon... Regner med at alt er direkte oversatt fra engelsk
npm run watch
sånn at du ikke trenger å gjørenpm run build
hver gang du gjør no' småtteri.Åpne Chrome->Flere verktøy->Utvidelser->Last inn upakket utvidelse
- Velg så
/debug/chrome
som nå bør finnes i rotmappen av prosjektet - Besøk en av sidene definert i
/src/manifest.json
Debugging i Firefox (v 57.0)
Jeg er såpass pleb at jeg har Firefox på norsk også...
npm run watch
Åpne Firefox->Utvidelser->Tannhjulet øverst i høyre->Debug-utvidelser->Load Temporary Add-on
mer info- Velg så
/debug/firefox
som nå bør finnes i rotmappen av prosjektet - Besøk en av sidene definert i
/src/manifest.json
Hvis du er helt kake
- Ta og lag to mapper (en for firefox og en for chrome), døtt koden i
src/chrome
ogsrc/firefox
i sin respektive mappe - Så er'e egentlig bare å putte
src/common
i hver av de - Også må du ha
src/libs
der... Enn så lenge så livnærer jeg meg på jQuery, men dette kan skrives om til rein Javascript for å veie litt mindre - Så må du ha
manifest.json
i roten av begge