하위 폴더 안에 새 package.json 파일 만들기

package.json 파일 하위 폴더 안에 넣고 싶은 데 안 넣어졌다.

그래서 3시간 동안 미친 듯이 구글링 했는데 결국 제로초님 유튜브 보고 찾음;;;; 유튜브 최곤데..?

그래서 내가 해결했던 방법을 올려보려고 한다.

또 까먹으면 내가 보려곸ㅋㅋㅋㅋ

 

먼저 내 상황을 말해보자면

내가 넣고 싶었던 곳은 파란색 폴더인 lecture 폴더였다.

근데 자꾸 폴더가 밖에 주황색 네모처럼 만들어졌다.

 

해결방법

터미널에 npm init 치기 전에

cd lecture라고 치고 엔터!!!!!!

그 후에 npm init

그다음에는 npm i react react-dom 설치, (현재 나는 리액트를 배우고 있어서 리액트랑 리액트 돔을 설치함)

그리고 npm i -D webpack webpack-cli, (웹팩과 웹팩 cli 설치) 

 

lecture 말고 다른 폴더에 넣고 싶을 때는

cd 띄우고 폴더 이름 적고 엔터 누르면 끝!!!!!

cd는 change directory 디렉토리를 변경하겠다는 리눅스 명령어!

뒤로 가고 싶을때는 cd ..

(cd 띄우고 쩜쩜이다!)

 

package.json에 내용 설명

{
"name": "lecture",
"version": "1.0.0",
"description": "",
"main": "webpack.config.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "RAN",
"license": "MIT",
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
// 실제 서비스에 사용되는 것은  dependencies 에 기록된다.

"devDependencies": {
"webpack": "^5.73.0",
"webpack-cli": "^4.10.0"
}
}
//개발할때만 사용되는것은 devDependencies 에 기록된다.

 

+++

내 폴더 안의 파일의 전체 목록을 보고 싶을 때 터미널에 ls를 입력하면 된다.

 

내 lecture 폴더를 예로 들면

이 폴더에서 ls를 누르고 엔터 하면

WordRelay.jsx           index.html              package-lock.json       webpack.config.js
client.jsx              node_modules            package.json

터미널에 이렇게 뜬다.

 

너무 행복해... 내가 찾다니✨