Ubuntu 20.04에 VueJS 설치

Vuejs를 시작하는 간단한 단계별 방법을 안내합니다. Vuejs는 강력하고 진보적이며 반응하는 접근하기 쉽고 배우기 쉬운 JavaScript 프레임워크입니다. 여기에는 애플리케이션 개발 프로세스를 더 쉽게 만드는 다양한 도구와 라이브러리가 포함됩니다. HTML, CSS 및 JavaScript를 알고 있다면 Vuejs를 사용하여 웹 응용 프로그램 디자인을 즉시 시작할 수 있습니다.
설치:
Vue.js를 프로젝트에 통합하려면 CDN 패키지, NPM 또는 CLI를 사용할 수 있습니다.
CDN 패키지 사용:
Vuejs를 배우고 싶다면 CDN 패키지를 시작하는 것이 가장 좋습니다. 시작하려면 프로젝트에 다음 스크립트 태그를 추가하기만 하면 됩니다.

<script src="https://unpkg.com/vue@next"></script>

그러나 이 방법은 향후 호환성 문제가 발생할 수 있으므로 프로덕션 목적으로 권장되지 않습니다.
NPM 사용:
Vuejs는 대규모 프로덕션 애플리케이션의 경우 NPM을 사용하여 설치해야 합니다. 이 방법을 사용하려면 컴퓨터에 Nodejs가 설치되어 있어야 합니다. 터미널을 열거나 Ctrl + Alt + T를 누릅니다. Nodejs 및 npm의 경우 다음 명령을 실행합니다.

sudo apt install nodejs

nodejs를 설치할 때 npm도 설치해야 합니다.
다운로드한 Nodejs 및 npm 버전을 확인하여 설치를 확인합니다.

nodejs --version

NPM의 경우

npm --version

최신 안정 버전의 vuejs:

npm install vue@next

CLI 사용:
Vue CLI는 완전한 Vue.js 개발 패키지입니다. NPM 패키지 관리자는 CLI를 전역적으로 설치하는 데 사용됩니다. Vue CLI 기술을 사용하여 Vue.js를 설치하기 전에 Node.js 및 프런트 엔드 빌드 도구에 대한 사전 이해가 있어야 합니다. 또한 npm 또는 yarn 패키지 관리를 사용하는 옵션이 있습니다.

$ sudo yarn global add @vue/cli
# OR
$ sudo npm install -g @vue/cli

Vue CLI로 최신 버전의 Vue.js를 설치한 후 애플리케이션을 업그레이드하기만 하면 됩니다. 다음 명령을 실행하여 보유한 Vue.js 버전을 확인하세요.

vue --version

다음 Vue CLI 명령을 사용하여 Vue.js의 안정적인 최신 버전으로 업그레이드할 수 있습니다.

$ sudo yarn global upgrade --latest @vue/cli
# OR
$ sudo npm update -g @vue/cli

Vue.js 시작하기
Vue.js를 시작하려면 Vue CLI를 사용하여 다음 명령을 사용하여 프로젝트를 생성하십시오.

vue create demo-app

이 명령을 실행하면 사전 설정을 선택하라는 메시지가 표시됩니다.


사전 설정 기능을 사용하거나 직접 만들 수 있습니다. 다음 명령을 사용하여 GUI 기술을 사용하여 Vue 프로젝트를 만들 수 있습니다.

vue ui

이 명령은 브라우저에서 창을 열어 프로젝트를 만드는 데 도움을 줍니다.


요약
이 기사에서 세 가지 대체 기술을 사용하여 Vue.js를 설치하는 방법을 보여주었습니다. Vue.js를 설치하면 웹 애플리케이션을 빠르게 관리할 수 있습니다. CDN 패키지 기술을 활용하여 Vue.js를 바로 시작할 수 있습니다. 그러나 생산상의 이유로 NPM 또는 CLI 방법을 사용해야 합니다.