9. Prettier and More Commands

1. Prettier 설치 (WSL: Ubuntu)

확장으로 가서 prettier을 찾는다.

1. 확장 클릭.
2. prettier 검색
3. 해당 확장프로그램 클릭
4. WSL:Ubuntu-18.04에 설치 클릭
5. 해당 부분은 현재 ubuntu에서 코딩하고 있다는 뜻

다 깔았다면 vs코드를 다시 시작해준다.

이제 vs코드 설정( Ctrl + , )으로 가준다.

1. 설정을 들어가면 사용자와 원격[WSL:Ubuntu]가 보인다. 영문은 User / Remote
2. 원격[WSL:Ubuntu]탭을 선택하고 위쪽 검색에 editor.for 을 쳐준다.
3. 그리고 Format On save 에 체크를 해준다 (기본값은 체크해제 상태)

 

2. More Commands

terminal의 몇 가지 다른 명령어들을 배워보자.

 

1 - mkdir (폴더 만들기 (make directory))

mkdir 폴더명

터미널에서 실습할 위치로 이동후 명령창이 ls 입력해본다.

디렉토리 이동 명령어는 cd [위치] 다.

ex) cd c   C드라이브로 간다.

 

해당 위치에서 ls 를 눌러보면 현재 2개의 파일과 1개의 폴더가 있다.

 

터미널에 다음 명령어를 입력한다.

mkdir new_project

다시 ls를 입력하면 new_project 폴더가 생겼다.

 

code new_project

다음을 입력해서 vs코드를 실행시키면 해당 경로에서 시작된다.

 

vs코드가 실행되면 vs코드의 터미널에 가본다. 단축키는 ( Ctrl + Shift + ` )  `는 숫자 1 옆의 특수문자 (백틱)

만들어준 경로가 표시도면 제대로 된것이다.

 

vs코드 터미널에서 npm init 을 입력해준다.

대충 이런식으로 나오고 계속 enter 키를 눌러준다.

마지막까지 enter 쳐줘서 사진처럼 나오면 끝.

 

 

2-  npm으로 express를 설치할 수도 있다.

npm i express --save

블록코드에 있는 명령어를 vs코드 터미널에 입력해보자.

 

터미널에 입력후 설치하면 왼쪽편에 파일들이 깔린걸 볼수 있다.

혹시 안보이면 위쪽에 작은 빨간 상자로 표시한 부분을 눌러 새로고침 해보자.

 

 

3 - mv (move)

파일을 이동시키는 명령어다.

 

먼저 터미널에서 touch를 사용해 파일을 만들어 주자.

touch index.js

입력하고 왼쪽보면 index.js 파일이 만들어진걸 볼수 있다.

 

 

이제 index.js의 이름을 바꾸고 싶으면

mv index.js new_index.js

index.js 를 new_index.js로 바꾼다.

 

index.js가 지워지고 new.index.js로 바뀌었다.

다시 index.js로 돌려놓자.

mv new_index.js index.js

다시 index.js가 된걸 볼수있다.

 

폴더에도 똑같이 적용된다.

mkdir something

something이란 폴더가 만들어졌다.

다음으로 something 폴더안에 파일을 하나 만들어 주자.

something 폴더가 있을경우 다 타이핑하지 말고 so까지 치고 탭키를 누르면 자동완성된다.

touch something/else.js

something 폴더 내부에 else.js 파일이 생겼다.

 

이제 something 폴더의 else.js를 mv 명령어로 whatever.j로 바꾼다.

mv something/else.js something/whatever.js

잘바뀐걸 볼수 있다.

 

이번에는 rm 명령어로 whatever.js를 삭제한다.

rm something/whatever.js

something 폴더안에 이제 아무것도 없다.

 

 

4 - rm -rf (폴더(디렉토리) 삭제)

이번엔 something 폴더를 지워보자.

우선 rm something을 쳐보자

directory를 지울수 없다고 뜬다.

 

이번엔 rm -rf 명령어를 사용한다. rf는 (remove a folder)

rm -rf something

something 폴더가 삭제됐다.

 

마지막으로 가장 처음에 터미널에서 만든 new_project 폴더를 지운다.

우선 cd .. 로 상위 위치로 이동한다.

g/front_practice/new_project에서 상위 인 front_practice로 이동했다.

 

앞서와 같이 rm -rf 사용한다.

rm -rf new_project

new_project가 삭제됐다.