1. Prettier 설치 (WSL: Ubuntu)
확장으로 가서 prettier을 찾는다.
- 확장 클릭.
- prettier 검색
- 해당 확장프로그램 클릭
- WSL:Ubuntu-18.04에 설치 클릭
- 해당 부분은 현재 ubuntu에서 코딩하고 있다는 뜻
다 깔았다면 vs코드를 다시 시작해준다.
이제 vs코드 설정( Ctrl + , )으로 가준다.
- 설정을 들어가면 사용자와 원격[WSL:Ubuntu]가 보인다. 영문은 User / Remote
- 원격[WSL:Ubuntu]탭을 선택하고 위쪽 검색에 editor.for 을 쳐준다.
- 그리고 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가 삭제됐다.
'study > 윈도우 셋업' 카테고리의 다른 글
11. nvm (마지막) (0) | 2020.12.15 |
---|---|
10. Git and Github CLI (0) | 2020.12.14 |
8. installing Python (0) | 2020.12.13 |
7. installing NodeJS (0) | 2020.12.13 |
6. WSL과 리눅스 콘소에 익숙해지기 (0) | 2020.12.09 |
댓글