> 개발 도구 > VSCode > vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명

vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명

青灯夜游
풀어 주다: 2021-12-03 19:12:56
앞으로
7155명이 탐색했습니다.

vscode에서 vue 프로젝트를 만들고 실행하는 방법은 무엇입니까? 이번 글에서는 vscode에서 vue 프로젝트를 생성하고 실행하는 방법을 소개하겠습니다. 도움이 필요한 친구들에게 도움이 되길 바랍니다!

vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명

설치 전에 vue의 프로토타입 환경인 node.js를 구성하세요

다운로드하여 설치하시면 기본 설치에는 문제가 없습니다. 환경 변수는 자동으로 구성됩니다.

vue의 스캐폴딩인 vue-cli를 설치하세요

1. 비주얼 스튜디오 코드 소프트웨어. [추천 학습: "vscode 입문 튜토리얼"]

2. 소셜 언어는 중국어일 수 있습니다.

vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명

3 설치가 완료되면 컴퓨터에 vue 프로젝트를 저장할 새 폴더를 만듭니다.

4. vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명

vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명

ctrl+shift+~를 눌러 명령줄 도구를 시작하세요

5. vue init webpack test 입력vue init webpack test

输入命令行之后可能会出现一个问题,无法加“vue”项识别为cmdlet、函数、脚本或可运行程序的名称

vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명

需要打开

vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명

输入命令查看get-ExecutionPolicy,显示Restricted(表示状态是禁止的),则执行命令set-ExecutionPolicy RemoteSigned最后输入命令查看get-ExecutionPolicy,显示RemoteSigned表示可以用了

还有一种可能就是环境变量配置有问题

6、重启软件继续执行 vue init webpack test

vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명

一路回车就好表示创建成功

7、创建成功之后 cd到项目路径下执行npm install

8、然后执行npm run dev

명령줄 입력 후 문제가 발생할 수 있습니다. cmdlet, 함수, 스크립트 또는 실행 프로그램의 이름을 식별하기 위해 "vue" 항목을 추가할 수 없습니다.

여기에 이미지 설명 삽입

vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명열어야 함

여기에 그림 설명 삽입vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명
get을 보려면 명령을 입력하세요. Restricted(금지 상태를 나타냄)를 표시하는 ExecutionPolicy는 set-ExecutionPolicy RemoteSigned 명령을 실행하고 마지막으로 명령을 입력하여 get-ExecutionPolicy를 표시하면 사용할 수 있다는 의미입니다. 6. 소프트웨어를 다시 시작하고 vue init webpack test

여기에 이미지 설명 삽입

Enter만 누르면 성공적으로 생성되었음을 표시합니다7. 성공적으로 생성된 후 프로젝트 경로로 CD를 이동하고 npm install

8. 그런 다음 npm run dev를 실행하여 프로젝트를 시작하세요🎜🎜 9. 🎜🎜🎜🎜🎜🎜🎜🎜🎜프로젝트가 성공적으로 시작되었습니다🎜🎜자세히 알아보기 VSCode에 대한 관련 지식은 🎜vscode 튜토리얼🎜을 방문하세요! ! 🎜🎜

위 내용은 vscode에서 vue 프로젝트를 생성하고 실행하는 방법에 대한 간략한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:csdn.net
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿