vue-cli3.0 이상 설치 및 사용 (프로젝트 매니저)

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

여기에 이미지 설명 삽입
성공적으로 열면 자동으로 브라우저 인터페이스로 이동합니다.
여기에 이미지 설명 삽입
여기에 이미지 설명 삽입
클릭하여 새 프로젝트를 만든
여기에 이미지 설명 삽입
다음 작업을 클릭하여 테스트하고 실행합니다.
여기에 이미지 설명 삽입
프로젝트 왼쪽에서
여기에 이미지 설명 삽입
종속성을 설치하기 위해 프로젝트에 필요한 종속성을 추가합니다. 당신은 필요합니다.
여기에 이미지 설명 삽입

Supongo que te gusta

Origin blog.csdn.net/lj20020302/article/details/129402966
Recomendado
Clasificación