Webstorm에서 새로운 vue.js 프로젝트를 만드는 방법

webstorm에서 새 vue.js 프로젝트를 만드는 방법: 먼저 git을 설치하고 관련 주소를 입력한 다음 프로젝트 이름을 입력하고 [package.json]을 선택한 다음 마지막으로 show npm scripts를 선택합니다. dev를 클릭하고 테스트하려면 두 번 클릭하세요.

이 튜토리얼의 운영 환경: windows7 시스템, webstorm2020.3&&Vue2.9.6 버전 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

【추천 관련 글: vue.js】

웹스톰에서 새 vue.js 프로젝트를 생성하는 방법:

1 WebStorm을 사용하여 프로젝트를 생성하려면 git을 설치해야 합니다. 설치는 매우 간단합니다. 공식 웹사이트에서 다운로드하여 설치하세요. 그렇지 않으면 설치되지 않을 수 있습니다. 2. 빨간색은 새로운 주문이고, 녹색은 node.js 주소입니다(설치 후 자동으로 검색되므로 따로 작업할 필요가 없습니다). 수정), 파란색은 vue입니다. .js 패키지의 주소(설치 후 자동으로 검색되므로 수정할 필요가 없음), 노란색은 패키징에 사용되는 패키징 모듈입니다(기본값이면 충분하므로 수정이 필요하지 않습니다). )

참고: 프로젝트 저장 경로는 웹스톰 도구가 설치된 위치와 일치해야 합니다. 시스템 디스크는 항상 동일합니다. 예를 들어 이전에 웹스톰 도구를 D 드라이브에 설치한 경우 여기의 경로는 다음과 같습니다. 3. 프로젝트 이름은 대문자를 포함할 수 없습니다.

다음 단계를 계속 클릭하세요

4. package.json을 선택하고 마우스 오른쪽 버튼을 클릭한 후 show npm scripts

5를 선택하여 테스트하세요. 성공적으로 열리면 기본 포트가 나타납니다. 주소를 클릭하여 직접 열거나, 주소를 복사하여 브라우저에 붙여넣으면 다음 페이지가 나타납니다. 이러한 vue 프로젝트가 성공적으로 생성되었습니다

관련 학습 권장사항: js 비디오 튜토리얼

위 내용은 Webstorm에서 새로운 vue.js 프로젝트를 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!