한번 질문할때마다 나의 남은 질문 갯수가 쑥쑥 빠져나가니 이정도는 터미널에 직접 입력하면 좋을 듯
내가 자주 사용하게 될 명령어? 모음
초기세팅
npx create-next-app@latest frontend --ts --tailwind --eslint --src-dir --app && \
cd Frontend/src && mkdir components styles
옵션 설명
| frontend | 생성할 프로젝트 폴더 이름입니다 (frontend/ 폴더가 만들어짐) |
| --ts | TypeScript 사용 |
| --tailwind | Tailwind CSS 자동 설정 |
| --eslint | ESLint 설정 포함 (코드 품질 체크 도구) |
| --src-dir | src/ 폴더 아래에 소스코드를 구성 (pages, app 등 포함됨) |
| --app | 최신 App Router 방식 사용 (pages 대신 app 디렉토리) |
웹브라우저로 확인
npm run dev
경로변경
하위 경로
cd 폴더이름
상위폴더
cd ..
원하는 경로
cd 폴더이름
무료폰트 아이콘 Fontawesome 설치
npm install @fortawesome/fontawesome-svg-core @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome'study > Vibe Coding & Cursor ai' 카테고리의 다른 글
| [GitHub] Cursor 터미널에서 GitHub사용하기(GitLens) (0) | 2025.09.10 |
|---|---|
| [Cusor] Cursor 에서 Claude Code사용하기 (0) | 2025.08.22 |
| Figma MCP Dev mode(Figma MCP Server) 연결 (1) | 2025.06.20 |
| Cursor에서 Next.js 환경생성 및 figma디자인 가져오기(디자이너) (0) | 2025.05.15 |
| 바이브코딩(Vibe Coding)시작 - Cursor MCP & Figma 연결 (0) | 2025.05.14 |