VueJS-환경 설정
VueJS를 설치하는 방법에는 여러 가지가 있습니다. 설치를 수행하는 방법에 대한 몇 가지 방법은 앞서 논의됩니다.
HTML 파일에서 직접 <script> 태그 사용
<html>
<head>
<script type = "text/javascript" src = "vue.min.js"></script>
</head>
<body></body>
</html>홈 사이트로 이동 https://vuejs.org/v2/guide/installation.htmlVueJS의 필요에 따라 vue.js를 다운로드하십시오. 사용할 수있는 버전은 프로덕션 버전과 개발 버전 두 가지입니다. 개발 버전은 최소화되지 않고 프로덕션 버전은 다음 스크린 샷과 같이 최소화됩니다. 개발 버전은 프로젝트 개발 중 경고 및 디버그 모드에 도움이됩니다.
CDN 사용
CDN 라이브러리에서 VueJS 파일을 사용할 수도 있습니다. 링크https://unpkg.com/vueVueJS의 최신 버전을 제공합니다. VueJS는 jsDelivr (https://cdn.jsdelivr.net/npm/vue/dist/vue.js) 및 cdnjs (https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.0/vue.js).
필요한 경우 파일을 호스팅하고 VueJS 개발을 시작할 수 있습니다.
NPM 사용
VueJS를 사용하는 대규모 애플리케이션의 경우 npm 패키지를 사용하여 설치하는 것이 좋습니다. 개발에 도움이되는 다른 필수 도구와 함께 Browserify 및 Webpack과 함께 제공됩니다. 다음은 npm을 사용하여 설치하는 명령입니다.
npm install vueCLI 명령 줄 사용
VueJS는 또한 vue를 설치하고 서버 활성화를 시작하는 CLI를 제공합니다. CLI를 사용하여 설치하려면 다음 명령을 사용하여 수행되는 CLI가 설치되어 있어야합니다.
npm install --global vue-cli
완료되면 VueJS 용 CLI 버전이 표시됩니다. 설치하는 데 몇 분이 걸립니다.
+ [email protected]
added 965 packages in 355.414s다음은 Webpack을 사용하여 프로젝트를 생성하는 명령입니다.
vue init webpack myproject
시작하려면 다음 명령을 사용하십시오.
cd myproject
npm install
npm run dev
npm run dev를 실행하면 서버를 시작하고 다음 스크린 샷과 같이 브라우저에 표시 할 URL을 제공합니다.
CLI를 사용한 프로젝트 구조는 다음과 같습니다.
