#ow 로컬 시스템에 Next-React를 설정합니다.

npx create-next-app@latest 명령을 사용하여 Next.js와 함께 React를 설치하려면 다음 단계를 따르세요.

1. Node.js가 설치되어 있는지 확인

Next.js 프로젝트를 만들기 전에 시스템에 Node.js가 설치되어 있어야 합니다. 다음을 실행하여 설치되었는지 확인하세요.

node -v

설치되어 있지 않다면 Node.js 공식 홈페이지에서 다운로드하여 설치하세요.

2. 터미널 또는 명령 프롬프트 열기

Windows에서는 명령 프롬프트 또는 PowerShell을 엽니다. macOS 또는 Linux에서는 터미널을 엽니다.

3. 프로젝트를 생성하려는 폴더로 이동

cd 명령을 사용하여 새 프로젝트를 생성하려는 폴더로 이동합니다. 예:

cd path/to/your/project/folder

4. npx create-next-app@latest 명령 실행

이제 다음 명령을 실행하세요.

npx create-next-app@latest

• 새 Next.js 프로젝트를 구성하기 위한 질문이 표시됩니다.
• 질문 및 응답의 예:
  • 프로젝트 이름은 무엇입니까?: 프로젝트 이름을 입력하세요(예: my-next-app).
  • TypeScript를 사용하시겠습니까?: 선호도에 따라 예 또는 아니요를 선택하세요.
  • ESLint를 사용하시겠습니까?: Linting 활성화 여부에 따라 예 또는 아니요를 선택하세요.
  • Tailwind CSS를 사용하시겠습니까?: 스타일링에 Tailwind를 사용할 계획이라면 예를 선택하세요.
  • src/ 디렉터리를 사용하시겠습니까?: 예 또는 아니요를 선택하세요.
  • 앱 라우터를 사용하시겠습니까?: 원하는 대로 예 또는 아니요를 선택하세요.
  • 기본 가져오기 별칭을 사용자 정의하시겠습니까?: 예 또는 아니요를 선택하세요.

모든 프롬프트에 응답하면 명령이 필요한 모든 종속성을 설치하고 프로젝트 파일을 생성합니다.

5. 새 프로젝트 폴더로 이동

설치가 완료된 후 새 Next.js 프로젝트 폴더로 이동하세요.

cd my-next-app

my-next-app을 프로젝트의 실제 이름으로 바꾸세요.

6. 개발서버 실행

개발 서버를 시작하고 새 Next.js 프로젝트가 실행되는 모습을 보려면 다음을 실행하세요.

npm run dev

기본적으로 프로젝트는 http://localhost:3000에서 액세스할 수 있습니다.

7. 코드 편집기에서 프로젝트 열기

VS Code와 같이 원하는 코드 편집기에서 프로젝트 폴더를 엽니다.

code .

이제 새로운 Next.js(React) 프로젝트를 성공적으로 생성하고 설정했습니다!

위 내용은 #ow 로컬 시스템에 Next-React를 설정합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!