>  기사  >  웹 프론트엔드  >  vue.js를 실행하는 방법

vue.js를 실행하는 방법

藏色散人
藏色散人원래의
2020-12-25 09:40:269510검색

vue.js 실행 방법: 먼저 환경을 설정한 다음 "cd Desktop/project name" 명령을 통해 프로젝트를 입력하고 마지막으로 "npm run dev" 명령을 사용하여 종속성을 설치합니다. " 프로젝트를 실행합니다.

vue.js를 실행하는 방법

이 튜토리얼의 운영 환경: windows7 시스템, vue2.0 버전, Dell G3 컴퓨터.

【추천 관련 글:vue.js

vue 프로젝트 실행(github 프로젝트)

node.js 설치

설치 과정은 node.js 공식 홈페이지에서 다운로드 및 설치하세요. 매우 간단합니다. 그냥 "다음"(완벽한 설치)입니다.

설치가 완료되면 명령줄 도구를 열고 node -v를 입력하세요. npm 패키지 관리자가 node에 통합되어 있으므로 npm -v를 직접 입력하면 그림과 같이 npm 버전 정보가 표시됩니다. 아래 그림과 같이 해당 버전 번호가 나타나면 설치가 성공한 것입니다.

vue.js를 실행하는 방법

vue.js를 실행하는 방법

2. npm의 일부 리소스가 차단되어 있거나 외부 리소스가 있어서 npm을 사용하여 종속 패키지를 설치할 때 종종 실패하므로 npm의 국내 미러도 필요합니다 - -- cnpm

명령줄에

을 입력하세요. Mac에서 설치가 실패하고 권한이 부족하다는 메시지가 표시되면 명령줄에 npm install -g cnpm --registry=http://registry.npm.taobao.org

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org --verbose

를 입력하세요. 3. webpack

npm install webpack -g
4을 설치하세요. cli

cnpm install vue-cli -g
이 과정은 10초 이상 소요됩니다. 완료될 때까지 기다리세요

자 이제 전체 환경이 설정되었으니 프로젝트를 실행해 보세요

먼저

cd desktop/项目名称
그 다음 프로젝트에 진입한 후 , dependency를 설치하세요
npm install

그런 다음

npm run dev

이 때 브라우저에서 프로젝트가 실행된 것을 볼 수 있습니다.

위 내용은 vue.js를 실행하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.