vue 스캐폴딩을 설치하고 vue 프로젝트를 생성하는 방법

vue 스캐폴딩을 설치하고 vue 프로젝트를 생성하는 방법

  • vue 스캐폴딩 설치의 전제는 노드 환경이 있어야 한다는 것입니다.Nodejs는 설치 방법을 모릅니다.제 이전 블로그 게시물을 참조하십시오.
  • 노드 환경이 있으면 Windows+R cmd를 입력하고 Enter를 눌러 패널에 들어갑니다.
    • 먼저 vue 스캐폴딩 입력을 설치합니다: npm install @vue/cli -g (@vue/[email protected] -g) 특정 버전은 괄호 안에 설치됩니다.
    • 설치 후 vue -V를 입력하여 설치가 성공했는지 확인할 수 있습니다.
      사진 설명을 추가해주세요
    • 제거 및 업그레이드가 필요한 경우: npm @vue/cli를 제거하고 다시 설치
  • vue 프로젝트를 넣을 위치를 찾아 경로를 클릭하고 cmd를 입력한 다음 Enter 키를 눌러 패널에 들어갑니다.
  • Vue는 프로젝트 이름을 생성하고 프롬프트에 따라 구성하고 완료합니다.
    사진 설명을 추가해주세요
    • 첫 번째 또는 두 번째를 선택하십시오. 나중에 아무것도 할 필요가 없습니다. 세대를 기다리십시오.
      사진 설명을 추가해주세요
    • 수동 사용자 정의를 선택한 경우
      1. 나는 일반적으로 babel(es6 to es5 도구), route(라우팅), vuex(상태 관리), css(css 전처리)를 선택하고 공간을 선택하고 Enter 키를 누릅니다.
        1. 보충: 프로그레시브 웹 앱(PWA) 지원 프로그레시브 웹 애플리케이션은
          TypeScript js 고급 구문을 지원합니다. 린터 코드 검사 도구 유닛 E2E 유닛 테스트 도구
        2. vue2 또는 3 선택
      2. 라우팅 모드를 선택합니다. 기본적으로 his 모드는 사용 여부입니다. 기본값은 no입니다. Enter
      3. css 선택 프로세서 sass/scss(node-sass 포함)를 선택하고 Enter 키를 누릅니다.
      4. 구성 파일을 저장하는 데 사용되는 것은 무엇입니까?보통 저는 json을 선택하고 Enter 키를 누릅니다.
      5. 이 구성을 저장할지 여부, 예인 경우 이 구성의 이름을 입력하십시오.
      6. 빌드가 실행될 때까지 기다리십시오.

추천

출처blog.csdn.net/weixin_45113182/article/details/128725341