Vue.js 란 ?

Evan You가 만들었으며, 2014년 릴리즈를 시작으로 꾸준히 발전하고 있는 자바스크립트 프레임워크입니다. 컨트롤러 대신 뷰 모델을 가지는 MVVM(Model-View-ViewModel) 패턴을 기반으로 디자인되었으며, 재사용이 가능한 UI들을 묶어서 사용할 수 있습니다.

기본 설명

vue 3.x 기준

• @vue/cli : 빠른 개발환경을 제공합니다.
• @vue/cli + @vue/cli-service-global : 무설정 환경 지향
• @vue/cli-service : 플러그인 확장 및 업그레이드를 손쉽게

CLI

CLI(@vue/cli)는 전역 설치(global)로 이뤄지며 vue 커맨드를 제공해줍니다.

• vue create : 빠른 vue 프로젝트 생성
• vue serve : 프로토 타입 생성
• vue ui : 빠른 GUI 생성

CLI Service

더 알아보기 : cli-service

CLI(@vue/cli-service)는 CLI(@vue/cli) 명령을 통해 개별 프로젝트에 설치됩니다.
리엑트의 create-react-app 명령과 유사하며, 뷰의 @vue/cli-service는 리엑트의 react-scripts 명령과 거의 유사합니다.

• webpack 과 webpack-dev-server 를 통해 구현됩니다.
• CLI의 코어서비스 포함
• 대부분의 APP의 최적화 된 웹팩 설정
• serve(서버구동), build(빌드), inspect(점검)

CLI Plugins

더 알아보기 : 플러그인과 설정

CLI Plugins 은 npm 패키지로 Vue CLI 프로젝트에서 사용되는 Babel(바벨)/TypeScript(타입스크립트) 트렌스필러(컴파일러) ESLint 통합 단위 테스트 E2E 테스트 등을 @vue-cli-plugin-(커뮤니티 플러그인) 형태로 불러 손쉽게 설치 할 수 있습니다. vue-cli-service 명령을 사용하면 package.json 파일에 필요한 정보를 자동으로 로딩 합니다.

설치

주의사항

기존 1.x 또는 2.x 버전이 설치된 경우 제거 후 (npm uninstall vue-cli -g or yarn global remove vue-cli) 설치 바랍니다.

설치 하기

• nodejs 8.9+ 이상(8.11+ 이상 추천)의 버전을 필요로 합니다.

npm install -g @vue/cli
# 또는
yarn global add @vue/cli

• 설치 후 버전 확인

vue --version

STEEM DAPP development with

개발 : @wonsama, @happyberrysboy
기획 : @newbijohn
디자인 : 절찬 모집중

참조 문서

• overview : https://cli.vuejs.org/guide/
• installation : https://cli.vuejs.org/guide/installation.html

TO BE CONTINUED ...