DEV Community: angelayoon

How to preview html code in VScode

angelayoon — Tue, 24 Aug 2021 07:34:50 +0000

Extensions for opening html code in browser

Use open in browser

No extension

Open the html file in the file explorer

Git for beginners

angelayoon — Fri, 06 Aug 2021 19:51:26 +0000

The content is from this youtube tutorial where it covers how to use SourceTree, Github, and terminal from VScode to manage the project.

Before creating repository on Github

git init
Then register your username and email.
git config --global user.name "(your name)"
git config --global user.email "(your email address)"

Git is basically putting the current version of your project in a time capsule.
git status command shows the files that are untracked, meaning the files just created by you.
You can put the current state of files in the time capsule using the command, git add -A.
The changes to be committed will be shown when you type git status again.

You bury the time capsule using git commit -m "First Commit"

In order to push your commit the changes to the online repository, use git remote add origin https://github.com/angelayoon/PETase-igemcolab-database.git Origin is the default name of the master branch and you can change its name. Then git push -u origin master push the changes to the cloud repository(origin) on master branch.

When you created repository and want to commit the progress on the existing github

My very first post to test React Blog

angelayoon — Tue, 03 Aug 2021 17:09:17 +0000

I followed this youtube playlist to build my very first post to have React blog:

Issue 1:

The first issue happened at Live #2. I am supposed to obtain id of the post, but I don't see the link of id anywhere. It is resolve by adding colon before id because the syntax mattered.
<Route exact path="/posts/:id"> is correct.