vue.js 개발 환경을 구축하는 방법

vue.js 개발 환경 구축: 먼저 [vue.js]를 설치한 다음 npm 패키지 관리자, 모듈, webpack 및 vue 스캐폴딩을 각각 설치하고 마지막으로 Vue 환경 초기화를 시작하고 프로젝트 종속성을 설치합니다. Vue 개발 환경이 여기에 설정됩니다.

[추천 튜토리얼: Vue.js 튜토리얼#🎜 🎜#】

환경 준비

npm Node.js의 패키지 관리 도구

webpack 프런트 엔드 리소스 모듈식 관리 및 패키징 도구

vue-cli 스캐폴딩 구성 도구#🎜🎜 ## 🎜🎜#cnpm npm의 Taobao 미러

1부터 시작하면 매우 쉽습니다. 공식 웹사이트에서 필요한 운영 체제 버전을 다운로드한 후 다음 단계를 진행하세요. 설치가 완료된 후 명령줄에 node -v를 입력하면 해당 버전 번호가 나타나면 설치가 성공한 것입니다.

3. 명령줄에 npm install -g cnpm --registry=http://registry.npm.taobao.org를 입력하세요. 이 방법으로 cnpm 명령을 사용하여 모듈을 설치할 수 있습니다:

cnpm install [name]

4 webpack

cnpm install webpack -g

npm install vue-cli -g

컴퓨터에 코드를 저장할 새 폴더를 만듭니다. 그런 다음 명령줄을 사용하여 이 폴더의 CD 디렉터리 경로를 입력합니다.

vue init webpack name

# 🎜🎜#

npm install

cnpm install

cnpm install vue-router vue-resource --save

npm run dev

작업이 성공하면 IP와 포트 번호를 알려줍니다

주소가 나타나면. 축하합니다. Vue.js 여정을 시작할 준비가 되었습니다.

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