201109_33 설치환경(vscode & git연동)

code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

vscode와 nvm을 다운받아준다

 

 

github.com/nvm-sh/nvm#installing-and-updating

nvm-sh/nvm

이건 뭔지모르지만 nvm을 다운받을 수 있는 거..같다

nvm으로 node.js의 최신버전을 다운받을 수 있다고한다 신기하네

 

cmd창에 nvm install 14.15.0을 해주면 다운로드되고 확인은 node-v눌러서 확인

안됐다면 nvm use 14.15.0해서 등록해주면 된다

 

 

 

 

 

하지만 학원컴은 윈도우8이기때문에 11.0.0을 할 수 밖에 ㅠ

nvm list치면 버전리스트 나오는데 nvm uninstall 14.15.0치면 삭제도 가능

console.log('hello nodejs')쳐서 잘 나오면 끝

ctrl+c두번누르면 빠져나올 수 있음

 

 

 

github.com/Jenn-tech/Frontend

Jenn-tech/Frontend

저장소를 만들어준다

 

 

 

 

git bash에서 

user1@user1-PC MINGW64 ~
$ git clone https://github.com/Jenn-tech/Frontend
Cloning into 'Frontend'...
warning: You appear to have cloned an empty repository.

user1@user1-PC MINGW64 ~
$ cd Frontend/

user1@user1-PC MINGW64 ~/Frontend (master)
$ code .

user1@user1-PC MINGW64 ~/Frontend (master)
$

 

dㅇ깃클론 저장소복붙- 그 파일로 이동- code .

 

$ ls | grep Frontend 했을 때 잘 나오면 잘된거

상위폴더로 이동 cd ..

 

 

 

 

user1@user1-PC MINGW64 ~
$ cd Frontend

user1@user1-PC MINGW64 ~/Frontend (master)
$ touch README.md

user1@user1-PC MINGW64 ~/Frontend (master)
$ git status
On branch master

No commits yet

Untracked files:
  (use "git add <file>..." to include in what will be committed)
        README.md

nothing added to commit but untracked files present (use "git add" to track)

user1@user1-PC MINGW64 ~/Frontend (master)
$ git add .

user1@user1-PC MINGW64 ~/Frontend (master)
$ git commit -m "kh frontend"
[master (root-commit) 1379f35] kh frontend
 1 file changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 README.md

다시 git status해주면

user1@user1-PC MINGW64 ~/Frontend (master)
$ git status
On branch master
Your branch is based on 'origin/master', but the upstream is gone.
  (use "git branch --unset-upstream" to fixup)

nothing to commit, working tree clean

nothing to commit어쩌고나오면 됨

 

 

 

 

user1@user1-PC MINGW64 ~/Frontend (master)
$ git branch -M main

쳐주면 master가 main으로 바뀐다

 

user1@user1-PC MINGW64 ~/Frontend (main)
$ git remote -v
origin  https://github.com/Jenn-tech/Frontend (fetch)
origin  https://github.com/Jenn-tech/Frontend (push)

user1@user1-PC MINGW64 ~/Frontend (main)
$ git push -u origin main
Enumerating objects: 3, done.
Counting objects: 100% (3/3), done.
Writing objects: 100% (3/3), 212 bytes | 212.00 KiB/s, done.
Total 3 (delta 0), reused 0 (delta 0), pack-reused 0
To https://github.com/Jenn-tech/Frontend
 * [new branch]      main -> main
Branch 'main' set up to track remote branch 'main' from 'origin'.

 

 

 

code . 누르면 비주얼스튜디오로 연결됨

 

 

extension탭에서 code runner쳐서 다운받아줌

 

 

 

고라이브해서 안되면 

http://localhost:5500/

로 수동으로 들어가야함.... 은 나 ㅠ 왜안되냐고

(알고보니 환경변수가 잘못되었다.. 꼭 제대로 하시길...)

 

const message = 'Hello Javascript';

console.log(message);

해서 c+alt+n누르면 실행이됨