WebOntwikkeling 2024
DigitAP
  • Introductie
  • Tooling
    • Devcontainers
    • Git
    • Terminal en bash
  • NodeJS + TypeScript
    • Wat is NodeJS?
    • Waarom TypeScript?
    • Nieuw project
    • Input lezen
    • Type Systeem
      • Basic types
      • Arrays
      • Interfaces
      • Functions
    • Exceptions
    • Modules
    • Asynchroon Programmeren
      • Promises
      • Async/Await
      • Fetch
      • Extra voorbeelden
  • Express.js
    • Wat is een backend framework?
    • Basis
    • Nodemon
    • Statische Bestanden
    • EJS
    • Request
      • GET Request
      • POST Request
      • Multi-part form data
    • Response
    • Router
    • Middleware
    • Deployment
  • MongoDB
    • Wat is MongoDB?
    • MongoDB driver
    • Insert
    • Find
    • Limit & Sort
    • Query Operators
    • Update
    • Delete
    • Text Search
    • Gebruik in Express.js
      • CRUD
  • Security & Testing
    • Environment Variables
    • Cookies
    • Hashing & Encryptie
    • Sessions
      • Session Based Login
    • JWT Tokens
      • JWT NPM package
      • Tokens veilig opslaan
      • Token Based Login
    • Testing
  • Labos
    • 1. Tooling
    • 2. Basis
      • Hello Name
      • BMI Calculator
      • BMI Calculator Multi
      • Interest Calculator
      • Uren en Minuten
      • Wisselgeld
      • Name from Email
      • Text Box
    • 3. Arrays
      • Som van getallen
      • Puntenboek
      • Rot13
      • Pokemon Team
      • Todo List String
      • Tick Tac Toe
    • 4. Interfaces & functies
      • Interfaces
        • Recepten
        • Movies Objects
        • Todo List Objects
      • Functies
        • Math Fun
        • Short Notation
        • Array Sum
        • Movies Functions
        • Filter Numbers
        • At Least Two
    • 5. Async & fetch
      • Fake Fetch
      • Promise All
      • Slow Sum
      • Todo List Fetch
      • Cocktails Promise All
      • Bitcoin API
      • Joke API
      • School API
      • Cocktails API
      • Unix Timestamp API
    • 6. Modules en NPM Packages
      • Math Module
      • Export Interfaces
      • Cowsay Module
      • Cat GPT
      • Rainbow Chalk
    • 7. Express
      • Hello Express
      • DadJoke Express
      • Bitcoin current
    • 8. EJS + Static
      • Hello Express EJS
      • Cat Static
      • Maaltafels
      • Newspaper
    • 9. Get Request
      • Hello Query
      • Math Service
      • Newspaper Route
      • Newspaper Search
      • Steam
    • 10. Post Request
      • Pet Shelter
      • Redirect Form
      • Contact Form
    • 11. Router en Middleware
      • Router Combi
      • Utility Middleware
      • Rate Limiter
    • 12. Herhaling
      • Twitter
      • Word Guess
    • 13. Mongo Basics
      • Guestbook
      • MoviesDB
      • Pokemon Team
    • 14. Mongo Queries
      • Pet Shelter
      • Games DB
    • 15. Mongo + Express
      • Pet Shelter Express
      • Guestbook Express
      • Pokemon Team Express
    • 16. CRUD
      • Users CRUD
      • Pokedex
    • 17. Session & Cookies
      • Shopping Cookie
      • View Counter Cookies
      • View Counter Sessions
    • 18. Session based login
      • Login Express
      • Pokedex Express Sessions
    • 19. Token based login
      • JWT Sign
      • Login Express JWT
    • 20. Testing
      • Math Test
      • String Test
      • Math Express Test
      • Form Express Test
      • Pet Shelter Express Test
    • 21. Herhaling
      • Youtube Favorites
      • Beerster
    • Extra oefeningen
      • DNA Match
      • View Counter
      • Hogwarts Express CRUD
  • Project
    • Voorbereiding (devcontainer + github)
    • Semester 2
      • Milestone 1 - Terminal App
      • Milestone 2 - Express
      • Milestone 3 - MongoDB
      • Milestone 4 - Security
Powered by GitBook
On this page
  • Bash
  • Terminal
  • Open een terminal
  • Open in Integrated Terminal
  • Basis commando's
  • pwd
  • ls
  • cd
  • Tab completion
  • mkdir
  • touch
  • cp
  • mv
  • rm
Export as PDF
  1. Tooling

Terminal en bash

PreviousGitNextWat is NodeJS?

Last updated 1 year ago

Bash

Bash, een afkorting voor Bourne Again SHell, is een veelgebruikte command-line interface (CLI) of terminal op Linux en Unix-achtige besturingssystemen. Devcontainers gebruiken standaard een bash shell.

Terminal

Open een terminal

Om een nieuwe terminal te openen in visual studio code klik je op Terminal in de menubalk en vervolgens op New Terminal. Dit opent een nieuwe terminal in de onderkant van je scherm.

Merk op dat je zelfs al werk je in windows je een bash terminal krijgt en nergens iets van een C schijf of dergelijke ziet. Dit komt omdat je in een devcontainer werkt.

Even de structuur van de terminal uitleggen. De prompt is het stukje tekst dat je ziet voor je cursor. In de afbeelding hierboven is dat node ➜ /workspaces/Deel1-Node-en-Typescript (main):

  • node is de naam van de gebruiker. Dit is standaard in een nodejs devcontainer, je mag dit negeren.

  • âžœ is een pijltje dat je mag negeren.

  • /workspaces/Deel1-Node-en-Typescript is de huidige map waarin je zit. Dit is de map waarin je terminal opent.

  • (main) is de naam van de branch waarin je zit in de git repository.

  • $ is de prompt zelf. Dit is een teken dat je commando's kan beginnen typen.

  • De cursor is het knipperende streepje dat aangeeft waar je tekst zal verschijnen als je begint te typen.

Open in Integrated Terminal

Je kan ook een terminal openen in een specifieke map door eerst naar de map te navigeren in de file explorer en dan rechts te klikken en te kiezen voor Open in Integrated Terminal.

Omdat we hier de terminal openen in de folder directory, zal de terminal ook openen in die map.

Basis commando's

We gaan hier de basis commando's behandelen die nodig zijn om te navigeren in een mappen structuur. Er zijn nog veel andere commando's die je gaandeweg zal leren, maar deze zijn voldoende om te starten.

pwd

pwd staat voor print working directory. Dit commando toont de huidige map waarin je zit.

Je ziet dat we in de map /workspaces/Deel1-Node-en-Typescript zitten. Dat wist je al omdat je dat ook in de prompt zag.

ls

ls staat voor list. Dit commando toont de bestanden en mappen in de huidige map.

Je kan ook de ls -a gebruiken om ook verborgen bestanden en mappen te tonen. Dit zijn bestanden en mappen die beginnen met een punt.

Let er op dat de bestanden . en .. altijd getoond worden. . staat voor de huidige map en .. staat voor de bovenliggende map.

cd

cd staat voor change directory. Dit commando laat je toe om naar een andere map te gaan.

Stel je voor dat je een mappen structuur hebt zoals deze:

workspaces
└── Deel1-Node-en-Typescript
    ├── node_modules
    ├── src
    │   ├── dir1
    │   │   └── file1.ts
    └── tooling

By default zit je in de map Deel1-Node-en-Typescript. Als je naar de map src wil gaan, dan typ je cd src.

Wil je terug naar de map Deel1-Node-en-Typescript, dan typ je cd ... Dit commando staat voor ga naar de bovenliggende map. Je kan ook twee

Je kan ook rechstreeks van de ene map naar de andere gaan. Als je in de map Deel1-Node-en-Typescript zit en je wil naar de map dir1, dan typ je cd src/dir1.

Tab completion

Tab completion werkt ook in de terminal. Als je begint te typen en dan op tab drukt, dan zal de terminal proberen aan te vullen wat je aan het typen bent. Als er meerdere mogelijkheden zijn, dan zal de terminal een lijst tonen van mogelijke aanvullingen.

mkdir

mkdir staat voor make directory. Dit commando laat je toe om een nieuwe map aan te maken.

Stel dat je in de map Deel1-Node-en-Typescript zit en je wil een nieuwe map labos aanmaken, dan typ je mkdir labos.

touch

touch is een commando dat je toelaat om een nieuw bestand aan te maken. Als je in de map Deel1-Node-en-Typescript zit en je wil een nieuw bestand index.html aanmaken, dan typ je touch index.html.

cp

cp staat voor copy. Dit commando laat je toe om een bestand of map te kopiëren. Als je een bestand index.html wil kopiëren naar index2.html, dan typ je cp index.html index2.html.

Je kan ook een map kopiëren. Als je een map src wil kopiëren naar src2, dan typ je cp -r src src2. De -r staat voor recursive en zorgt ervoor dat de map en alle bestanden en mappen in de map gekopieerd worden.

mv

mv staat voor move. Dit commando laat je toe om een bestand of map te verplaatsen. Als je een bestand index.html wil verplaatsen naar de map src, dan typ je mv index.html src.

Je kan ook een bestand hernoemen. Als je een bestand index.html wil hernoemen naar index2.html, dan typ je mv index.html index2.html.

rm

rm staat voor remove. Dit commando laat je toe om een bestand of map te verwijderen. Als je een bestand index.html wil verwijderen, dan typ je rm index.html.

Je kan ook een map verwijderen. Als je een map src wil verwijderen, dan typ je rm -r src. De -r staat voor recursive en zorgt ervoor dat de map en alle bestanden en mappen in de map verwijderd worden.

Alt text
Alt text
Alt text
Alt text
Alt text
Alt text