Klement Johansen klementj

🧠 How to Save Context Tokens When Using Claude Code

This is a personal reference workflow for minimizing token usage while maintaining project continuity across Claude Code (Sonnet 4 with file access).

✅ Setup: Populate `CLAUDE.md`

Claude loads CLAUDE.md automatically at session start.

Arbejdsplan med oversigt over vejledninger og opgavesamlinger til at komme i gang med udvikling af web app med Vue og Nuxt.

Dokumentet og reference er dynamiske. Det betyder at dokumenter løbende redigeres, undlad derfor at gemme dokumentet, gem i. stedet et link.

Fagligt er formålet at få kendskab og give forståelse for grundlæggende udvikling med vue og nuxt. Det har til formål at styrke dig som elev og udvikler, introducere dig til nye teknologier, nye koncepter som du kan overføre til andre udviklingsogaver. Samtidig har det til formål at du finder ud af om moderne webudvikling er noget for dig.

Her er nogle online ressourcer, der kan supplere hver del af planen og give struktureret vejledning til at lære Vue.js og Nuxt.js:

Uge 1-3: Introduktion til Vue.js

Uge 1: Kom godt i gang med Vue.js

Vejledning til at åbne elevernes projekter

Installer https://nodejs.org/en/ hvis du ikke allerede har det
Åben CMD eller anden terminal i elevens projekt
Installer pakker med npm install

Hvis du får fejl med npm install så slet node_modules mappen rm -rf node_modules og prøv igen.

Start udviklerserver. Nogle elevernes projekter skal du skrive npm run dev andre bruger npm run serve. Du kan tjekke i package.json under scripts.

Assignment

let name = 'Preben'

Create a string 'Preben'
Create the variable name
We assign the variable name a reference to the string

Reassignment

Web Design kontrakt

Mellem kundens navn

Og virksomheds navn

Resume:

Jeg vil altid gøre mit bedste for at opfylde dine behhov og møde dine krav, men det er vigtigt at tingene er skrevet ned så vi begge ved hvad der er hvad, hvem der gør hvad og hvad der sker hvis noget går galt. I denne kontrakt er der ikke nogle kompliserede lovtermer eller lange passager ulæselig tekst. Jeg har ingen interesse i at snyde dig til at underskrive noget som du senere måske fortryder. Hvad vi begge vil er hvad der er bedst for begge parter, nu og i fremtiden.

Oprette et farveskema til din app

Programmet begynder at tage form, men der mangler stadig farver. Inden du begynder at tilføje farver skal du have lavet et farveskema.

Farveskemaet skal som minimum have en primær farve og en neutral farve. Alle farverne skal have fire forskellige shades, to mørkere og to lysere.

Pas på at du ikke bruger for meget tid på at udvælge farver. Når du først har udvalg og opsat det i Adobe XD er det let at lave om.

For at sætte det op i Adobe XD.

Opret en firkant og giv den din farve
Gå ind i Assets panelet (Ctrl + Shift + Y)

	/**
	* USERS
	* Note: This table contains user data. Users should only be able to view and update their own data.
	* Some data is synced back and forth to `auth.users` as described below.
	*
	* `full_name`: synced in both directions
	* `email`: synced from user metadata to profile only
	* `avatar_url`: synced from user metadata to profile only
	* `terms_accepted_at`: synced from profile to user metadata only
	*/

	{
	"version": 1,
	"notes": "",
	"documentation": "\"This file is a QMK Configurator export. You can import this at <https://config.qmk.fm>. It can also be used directly with QMK's source code.\n\nTo setup your QMK environment check out the tutorial: <https://docs.qmk.fm/#/newbs>\n\nYou can convert this file to a keymap.c using this command: `qmk json2c {keymap}`\n\nYou can compile this keymap using this command: `qmk compile {keymap}`\"\n",
	"keyboard": "dz60",
	"keymap": "dz60_layout_60_tsangan_hhkb_mine",
	"layout": "LAYOUT_60_tsangan_hhkb",
	"layers": [
	[
	"KC_ESC",

	const gulp = require("gulp");
	const htmlmin = require("gulp-htmlmin");
	const sass = require("gulp-sass");
	const imagemin = require("gulp-imagemin");
	const uglify = require("gulp-uglify-es").default;

	const html = () =>
	gulp.src("src/index.html")
	.pipe(htmlmin({
	collapseWhitespace: true

	{
	"data": [
	{
	"images": [
	"5dc001cca5bf8851702cebec",
	"5dc001cda5bf8851702cebfa",
	"5dc001cea5bf8851702cec0a",
	"5dc001d0a5bf8851702cec1a",
	"5dc001d0a5bf8851702cec2a"
	],