VSCODE로 VUE 프로젝트를 만드는 방법

VS Code를 사용하여 VUE 프로젝트를 만들려면 다음 단계를 수행하려면 다음 단계를 수행하십시오. VUE CLI를 설치하고 새 폴더를 만들고 터미널을 열고 CD 명령을 입력하여 폴더를 입력하고 VUE CREATE를 사용하여 프로젝트를 작성하고 사전 설정을 선택한 다음 종속성 설치가 완료 될 때까지 기다립니다.

VS 코드를 사용하여 VUE 프로젝트를 만드는 방법

전제:

• VSCODE를 설치하십시오
• Vue CLI 설치 (글로벌 설치)

단계:

1. vscode를 엽니 다
2. VUE 프로젝트 저장을위한 새 폴더를 만듭니다
3. 터미널 열기 (Mac/Linux 사용자의 경우 명령 사용 ；对于Windows 用户，使用Ctrl )
4. 프로젝트 폴더를 입력 하고 명령 cd [项目文件夹名称] 사용하십시오.
5. vue 프로젝트 생성 , 명령 vue create [项目名称]
6. 기본 사전 설정 또는 사용자 정의 설정을 선택하십시오
7. 프로젝트가 설치 될 때까지 기다리십시오

자세히 확장 :

• vue CLI 설치 : 전역 설치에 npm install -g @vue/cli 명령을 사용하십시오.

• VUE 프로젝트 작성 :

  • vue create 명령은 프로젝트 이름을 메시지로 표시합니다.
  • VUE 응용 프로그램을 구축하고 개발하기위한 표준 설정이 포함 된 기본 사전 설정을 선택하십시오.
  • 또는 프로젝트 설정을 사용자 정의하기 위해 고급 옵션을 선택할 수 있습니다.
• 종속성 설치 : 프로젝트가 만들어진 후 VUE CLI는 프로젝트에 필요한 종속성을 자동으로 설치합니다.
• 개발 서버 시작 : 명령 npm run serve 사용하여 개발 서버를 시작하십시오. http : // localhost : 8080에서 실행됩니다.
• 브라우저에서 프로젝트를 엽니 다 : 브라우저에서 http : // localhost : 8080으로 이동하여 VUE 프로젝트를 볼 수 있습니다.

위 내용은 VSCODE로 VUE 프로젝트를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!