이 기사는 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계에 대한 관련 문제를 주로 소개하는 vue에 대한 관련 지식을 함께 살펴보겠습니다.
![vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/article/000/000/067/62f0cc01ec846281.jpg)
관련 권장 사항 :
javaScript 비디오 자습서,
VUE.JS Tutorial
】 vue 스크aft 폴딩 대화식 명령 줄 및 그래픽 인터페이스 설치 단계
incintrive 명령 줄
guaranteed node
install을 설치합니다. vue 스캐폴딩 명령: npm install -g @vue/cli
![1659948385635594.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/252/403/944/1659948385635594.png)
![1659948389934861.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/555/110/234/1659948389934861.png)
설치 성공 vue -V를 사용하여 설치 버전을 확인하세요
이전에 설치한 경우 npm uinstall vue-cli -를 사용하세요.
Create project
![1659948461814957.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/796/465/184/1659948461814957.png)
3.1 vue create vue_proj를 입력하고 Enter를 누르세요(수동으로 만들려면 두 번째 항목을 선택하고 Enter를 누르세요)
![1659948465355058.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/304/948/988/1659948465355058.png)
3.2 그림에서 세 가지 구성을 선택하고 스페이스를 눌러 선택, 선택 및 반환 OK
![1659948471742357.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/255/883/232/1659948471742357.png)
3.3 기록 모드 라우팅 설치 여부를 묻고, 해시 모드 설치를 선택하고, n을 선택하고 Enter
![1659948476444089.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/329/932/110/1659948476444089.png)
3.4 버전에 대해 묻고, 표준 구성을 선택하고 Enter를 누르세요
![1659948480417678.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/973/431/312/1659948480417678.png)
3.5 언제 할지 물어보세요 기록 확인, 기본값을 선택하고 Enter 누르기
![1659948485956990.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/353/518/288/1659948485956990.png)
3.6 별도의 구성 파일을 만들고 첫 번째 항목을 선택하고 Enter 누르기
3.7 현재 선택 항목을 다른 이름으로 저장할지 여부 템플릿을 만들려면 Yes 또는 No를 선택할 수 있습니다. 여기를 선택하세요. yes 뒤에 입력하세요![16599484908295vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트) vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/467/612/672/16599484908295vue%20%EC%8A%A4%EC%BA%90%ED%8F%B4%EB%94%A9%20%EB%8C%80%ED%99%94%ED%98%95%20%EB%AA%85%EB%A0%B9%EC%A4%84%20%EB%B0%8F%20%EA%B7%B8%EB%9E%98%ED%94%BD%20%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4%20%EC%84%A4%EC%B9%98%20%EB%8B%A8%EA%B3%84(%EA%B7%B8%EB%A6%BC%20%EB%B0%8F%20%ED%85%8D%EC%8A%A4%ED%8A%B8))
템플릿 이름: vue_model_01
![1659948495716734.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/257/625/901/1659948495716734.png)
3.8 생성이 완료될 때까지 기다렸다가 프로젝트 루트 디렉터리로 CD를 넣은 다음 npm run submit을 실행하여 템플릿을 시작합니다. project
![1659948500692544.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/931/866/880/1659948500692544.png)
![1659948504421977.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/107/912/203/1659948504421977.png)
마지막으로 주소를 복사하여 브라우저에서 엽니다. Can
![16599485091583vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트) vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/222/447/822/16599485091583vue%20%EC%8A%A4%EC%BA%90%ED%8F%B4%EB%94%A9%20%EB%8C%80%ED%99%94%ED%98%95%20%EB%AA%85%EB%A0%B9%EC%A4%84%20%EB%B0%8F%20%EA%B7%B8%EB%9E%98%ED%94%BD%20%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4%20%EC%84%A4%EC%B9%98%20%EB%8B%A8%EA%B3%84(%EA%B7%B8%EB%A6%BC%20%EB%B0%8F%20%ED%85%8D%EC%8A%A4%ED%8A%B8))
GUI 생성![1659948542682874.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/654/926/338/1659948542682874.png)
첫 번째 단계는 vue ui를 입력하는 것입니다
![1659948536729547.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/147/334/536/1659948536729547.png)
create를 클릭하세요. 에 여기에 새 프로젝트
![1659948547545656.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/241/916/460/1659948547545656.png)
6 파일 이름을 입력하고 git 저장소를 초기화하세요
![1659948553789573.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/490/506/948/1659948553789573.png)
7. 수동 또는 자동을 선택하거나 이전에 생성된 템플릿을 선택하세요. 여기서는 수동(처음)을 선택하세요.
8. 다음 4개를 선택하세요
![1659948560751981.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/613/400/624/1659948560751981.png)
![16599485657673vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트) vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/363/853/763/16599485657673vue%20%EC%8A%A4%EC%BA%90%ED%8F%B4%EB%94%A9%20%EB%8C%80%ED%99%94%ED%98%95%20%EB%AA%85%EB%A0%B9%EC%A4%84%20%EB%B0%8F%20%EA%B7%B8%EB%9E%98%ED%94%BD%20%EC%9D%B8%ED%84%B0%ED%8E%98%EC%9D%B4%EC%8A%A4%20%EC%84%A4%EC%B9%98%20%EB%8B%A8%EA%B3%84(%EA%B7%B8%EB%A6%BC%20%EB%B0%8F%20%ED%85%8D%EC%8A%A4%ED%8A%B8))
9.다음 선택 세 번째를 선택하고 Create Project를 클릭하세요
![1659948571368738.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/982/771/853/1659948571368738.png)
10 그런 다음 이름()을 입력하여 프로젝트를 생성하고, 기본값을 저장하거나 저장하지 마세요. 저장
![1659948577424392.png vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)](https://img.php.cn/upload/image/836/947/997/1659948577424392.png)
11 그런 다음 실행
【관련 권장 사항: javascript 비디오 튜토리얼, vue.js 튜토리얼】
위 내용은 vue 스캐폴딩 대화형 명령줄 및 그래픽 인터페이스 설치 단계(그림 및 텍스트)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!