기사 디렉토리
1. vue-cli 설치
win+r 명령을 사용하여 명령줄을 열고 다음 명령을 입력하여 설치합니다.
npm install -g @vue/cli
# OR
yarn global add @vue/cli
설치 성공 후 설치된 버전이 3.0 이상인지 확인
vue -V
2. 프로젝트 생성
vue-test라는 프로젝트를 만듭니다.
vue create vue-test
프로젝트 디렉토리를 입력하고 명령을 실행하십시오.
cd project-vue3
npm run serve
다음 명령을 사용하여 VSCode에서 프로젝트를 엽니다.
code .
브라우저에 localhost:8080/을 입력하면 프로젝트에 액세스할 수 있습니다.
물론 명령줄에서 프로젝트를 생성하는 이런 방식은 개인적으로 상당히 번거롭기 때문에 vue 3.0 이상 버전에서만 실행할 수 있는 아래의 프로젝트 관리자를 추천합니다.
3. 프로젝트 매니저
동일한 명령줄을 먼저 엽니다. win+r을 사용하여 그래픽 vue 프로젝트 관리자를 엽니다.
vue ui
성공적으로 열면 자동으로 브라우저 인터페이스로 이동합니다.
클릭하여 새 프로젝트를 만든
다음 작업을 클릭하여 테스트하고 실행합니다.
프로젝트 왼쪽에서
종속성을 설치하기 위해 프로젝트에 필요한 종속성을 추가합니다. 당신은 필요합니다.