log variable with key

VS Code snippet

  "Print variable to console": {
    "scope": "javascript,typescript",
    "prefix": "logvar",
    "body": "console.log('$1', $1)"
  }

Neovim Luasnippet

se nvim lua snippets for inspirasjon

Ohmybash

Hvordan starte med ohmybash, velge theme og laste ned nødvendig font icons

Installasjon

bash -c "$(curl -fsSL https://raw.githubusercontent.com/ohmybash/oh-my-bash/master/tools/install.sh)"

Du får med masse aliases med dette. List alle med alias

Velge theme

nano ~/.bashrc

OSH_THEME="agnoster"

Save & exit: ctrl + x, y, [Enter]

Reload:

. ~/.bashrc

Hvis du har mellomrom i path to oh-my-bash insallation, slik:

# Path to your oh-my-bash installation.
export OSH=/c/Users/Pål Stakvik/.oh-my-bash

Må du enkapsulere path-en i quotes, ellers får du error

skaffe nødvendige font icons

evt. se på agnoster-zsh-theme

last ned Hack-fonten

1. Gå til https://sourcefoundry.org/hack/ og last ned font. Windows executable funker for WSL og VS Code
2. Kjør executable i nedlastninger
3. Godta restart

Sette WSL til å bruke riktig font

1. Åpne WSL
2. høyreklikk toppmeny, velg 'properties'
3. velg "Hack" fonten

Sette VS Code til å bruke riktig font

1. ctrl + shift + p
2. settings.json
3. lim inn "terminal.integrated.fontFamily": "Hack", https://stackoverflow.com/questions/37895501/display-issue-with-oh-my-zsh-agnoster-theme#answer-38475948

Erstatte user @ hostname

...Med kun hostname:

prompt_context() {
  if [[ "$USER" != "$DEFAULT_USER" || -n "$SSH_CLIENT" ]]; then
    prompt_segment black default "$USER"
  fi
}

Eller hva det skal være:

prompt_segment black default "P"

prompt_segment black default "%(!.%{%F{yellow}%}.)$USER" skal visstnok også funke, men jeg får bare slik tekst da:

Git bash merknader

Får du permission denied ved git add .?

• Kjør VS Code som administrator

Får du

hint: Waiting for your editor to close the file... 'C:\Users\Pål' is not recognized as an internal or external command,
operable program or batch file.
error: There was a problem with the editor '"C:\Users\Pål Stakvik\AppData\Local\Programs\Microsoft VS Code\bin\code.cmd" --wait'.
Please supply the message using either -m or -F option.

ved git commit (-v)

• Prøv å kjør git config --global core.editor "code --wait". Les mer https://stackoverflow.com/questions/52195877/how-can-i-fix-git-commit-error-waiting-for-your-editor-to-close-the-file-wi

Webstorm sin VSCode Gitlens compare working dir with branch

View > Appearance > show status bar
View > show status bar widgets > BRANCH
ÅPNE MENY NEDE TIL HØYRE > Velg branch du vil sammenligne med

IDE bruker ikke prettierrc

Prøv å kjøre npx prettier filenamepath --writefør du formatterer i webstorm/VSCode

Folder templates / file and code templates for VS Code and Webstorm

VScode - Folder templates

folder templates extension

Webstorm - File and Code Templates

templates with multiple files

• Opprett template files. Én hovedfil med noen sub-files

Create main file

Name: component folder
Extension: tsx
File name: $NAME/$NAME

import React from 'react';
import classes from './${NAME}.module.css';
interface ${NAME}Props {
}
export const ${NAME} = ({  }: ${NAME}Props) => {
return (
<div className={classes.root}>
</div>
)
};

Create a child template file

File name: $NAME/index
Extension: ts

export {${NAME}} from './${NAME}';

And a css file

File name: ${NAME}/${NAME}.module
Extension: css

.root {
}

Stygg error med nested template files: Navn forsvinner helt uten videre!!

Issue: https://youtrack.jetbrains.com/issue/IDEA-279811/File-template-file-name-is-removed

fordeler/ulemper med VSCode/Webstorm/Neovim

VS Code

Cons

• den raskeste måten å cycle through hver changed file er å klikke på hver fil i source control panel. Ingen mulighet for å navigere gjennom med piltastene.

• man må ofte reloade window på vscode når man avinstallerer/deaktiverer en plugin

• kan ikke stole på statuslinjen, at den alltid viser riktig branch

• Open recent-funksjonaliteten er litt brukken

  • hvis man prøver å åpne recent project-fuzzy-finderen umiddelbart etter at man har åpnet vscode, så vil den først åpnes, og så lukkes automatisk. Man kan jobbe rundt dette ved å åpne den ved å trykke og holde ctrl mens man trykker R, da

• Vscodes git integrasjone er ikke så bra

  • git commit

    • kan bare skrive heading på commit messages
    • kan ikke begynne på commit message øyeblikkelig etter at man har addet med vscodes git add knapp / snarvei

  • git add

    • funker ikke for å markere solved merge conflicts, for en eller annen grunn

• live evaluering, (linting/suggestions) tar tid / er tregt

  • TS bruker tid på å slå inn

  • unused variables (eslint?) bruker også tid...

  • code suggestions/completions bruker også litt tid...

    • f.eks. for å skrive console.log kan man begynne å skrive prefixet: "log". Men da må man først vente litt før suggestions-ene kommer opp

• feilaktig linting

  • noen ganger så tror TS/eslint eller noe at noen packages ikke er installert. Når de virkelig ER det. Man må restarte VSCode for å se effekten

• reload window forårsaker noen ganger at kommandolinjen hopper til det andre prosjektet du har åpent. F.eks. om du driver og jobber i med et bibliotek-prosjekt og et app-prosjekt, og må reloade vscode vinduet for appen, så kan kommandolinjen finne på å cd-e til biblioteket. Sykt!

• hvis man prøver vim extension må man gi slipp på tastatursnarveier som

  • ctrl+pageUp/Down (noen ganger, ellers så funker det, bare at det er litt tregt. Kanskje forårsaket av vim extension, kanskje ikke)
  • close tabs (ctrl w) (!!! veldig irriterende)
  • noen ganger så føkker det opp angrefunksjonaliteten. jeg klikker på u og den bare sletter linjer under cursor WTF!
  • Man kan i hvert fall skru av og på vim (deactivated mode (oftest, noen ganger klikker den))

Kanskje du bør prøve webstorm

Webstorm

Pros

• bedre git diff (bilde)
• bedre find code in files & search replace (untatt preview)
• className får curly braces
• kan lime inn filer fra windows explorer til webstorm explorer
• leser classes i css og bringer auto-complete til jsx/html
• automatisk sync mellom starting & ending tag renaming
• sier i fra om du endrer på noe i node_modules
• sier i fra om node_modules er i usync med package.json (npm ls)
• lettere å klikke på uncommited changes markøren i venstremargen. Den som viser at noe er fjernet, endret eller lagt til
• log prefix funker bra. Man trenger ikke vente på at LSP skal komme med forslag, man kan bare klikke Enter med én gang
• bedre bookmarks enn noe bookmark-extension jeg har funnet til VS Code
• Prettifyer TypeScript errors automatisk. Ingen nødvendighet for Prettier TypeScript Errors Addon slik som i VS Code.
• Hopp-til-linje har en dialog boks som man må klikke enter i for å hoppe til linje, da slipper man å hoppe til nr. 1 og 0 når man skal hoppe til linje nr. 100
• terminal
  • navn lagres til neste gang man åpner programmet
• kan forutse hva en ny variabel kan hete i code suggestion, basert på udefinerte variabler nedenfor
• tabs lagres og restoreres basert på hvilken branch du er på. Du kan bytte mellom to stk. og ha forskjellig sett av tabs lagret permanent på dem.

Cons:

• LSP code suggestion på 'npm link'-ed library funker ikke!

• settings og 'file and code templates' kan resettes av seg selv!!

• kan ikke slå av auto-save helt

• litt slow, generelt

  • slow project panel update

    • og ingen 'refresh'-button
    • man må KLIKKE på filene for at ting skal begynne å oppdateres

  • typescript linting

• ingen search history i "search in all files"

• kan ikke lime inn i terminal med høyre museklikk

• terminal

  • return to normal mode legger igjen en grønn markør og usynliggjør tegnet som er bak markøren
  • ctrl backspace sletter ikke ord for ord (som i vanlig terminal, altså)

• Esc by default returnerer markøren tilbake til editoren. Litt plagsomt når du holder på med vim i terminalen

• babysitter og prøver å gjøre git-operasjoner for deg (kan enkelt slås av)

  • spør om du vil stage
  • spør om du vil npm install

• Man kan ikke hitte "format" og så få single quotes til double quotes i JSON

• hvordan lage tastatursnarvei for en enkelt bokstav?? (curly braces = shift alt 8)

• Kan ikke duplisere linje over caret!! HVORFOR????????????

  • Mulig jeg må bruke Vim her
  • Eller autohotkey/autokey

• Man MÅ markere hele comment block for å uncommente

• Toggle comment flytter markøren ett hakk ned. Og det er ingen måte å fikse det på

• By default masse overwhelming squiggly lines og symboler over alt

  • squiggly lines for eslint prettier stuff

• vanskelig å se om en fil er lagt til / endret / fjernet i source control (commit) panel

Neovim

Pros

• kan bestemme selv hvordan lsp / code suggestion/completion skal funke

  • man kan bestemme at nedover-knappene ikke navigerer i listen, men flytter cursor nedover

• vim motions funker alltid, i motsetning til vim addon i VS Code

Cons

• MYE manuelt setup
• mangel på ordentlig terminal
  • FTerm, Toggleterm ol. krasjer ofte
  • multiple tmux-panes kan ødelegge hele UI-et om man forminsker WSL-app-skjermbredden
• ukonsistent behavior
  • telescope er litt ukonsistent
    • noen ganger MÅ man esc før man kan velge en fil
  • ikke alltid codesuggestions kan velges med [tab] (uten å ha endret på lsp.lua eller noe)
• man MÅ sette :set paste før man limer inn noe som helst fra annet steds
• vanskelig å kopiere noe fra neovim til OS clipboard (er det i det hele tatt mulig?)
• ekstremt vanskelig/umulig å bruke tastatursnarveier med ctrl og alt. For en eller annen grunn funker ikke ctrl+ø, men alt+ø funker. Men både ctrl og alt funker for "l". Kan gjøre noe magi med Autohotkey/autokey, men det er veldig plundrete
• å få packages til å jobbe sammen
  • problem med merge conflict highlight packagen blir helt upåvirket av colorscheme. Det gjør at conflict marker får STYGGE farger. Man må eksplisitt sette :colorscheme tokyonight-night for å få colorscheme til å overskrive de stygge fargene igjen. Men hele pakken brekker når man åpner lazygit. Så ja.
• cit fungerer ikke på <></>
• dat fungerer ikke på self closed tags

IDE functionalities deactivated by Vim

hvor mye er deaktivert/ufordel i Webstorm/VSCode når du har på Vim plugin?

Webstorm IdeaVim

• IDE's multi-select with Ctrl D doesn't work with entering insert mode using eg. using a
• but c works
• Annoying to save file that is edited in commit changes window
  • if in normal mode, pressing "Esc" will exit "commit changes"-window
  • unlike when terminal is focused, you can't disable the "Esc-> focus normal file view"
• paste from OS registry (copy paste from UI app into Webstorm in IdeaVim) Kan fikses ved å registrere ctrl C og ctrl V som IDE-shortcuts (se https://useful-snippets.netlify.app/posts/webstorm-ideavim-shortcut-settings/)
• vim search not as good as built-in search
  • vim won't highlight/preview as you search/replace
  • to activate built-in search you would have to give up ctrl F and ctrl H to IDE

VSCode's Vim

• Fuzzy finder
• Search?
• Search in files?

compare branch with main

git diff develop..$(git branch --show-current)

git branch --show-current is current branch

Lazygit

1. Highlight main branch
2. Shift w & hit enter
3. highlight the branch you want to compare with

Webstorm

1. GitToolBox?

https://useful-snippets.netlify.app/posts/webstorm-compare-with-branch/

VS Code

1. Gitlens?

Neovim

1. Diffview

Snippets

VScode ...

Jetbrains - Live templates

live templates

(remove hyphens)

{-% for $ITEM$ in $LIST$ %-}
  $END$
{-% endfor %-}

console.log("$VAR$", $VAR$)

Neovim - luasnippets / iabbrev ...

se neovim config