챌린지 38일 차. 3월이라는게 아직도 믿겨지지않아~~ 어제는 빨간날이라서 주말 지난 월요일같은 느낌이 든다.
Vue CLI (Command Line Interface)
Vue.js는 단일 페이지 애플리케이션를 빠르게 구축할 수 있는 공식 CLI (opens new window)를 제공한다. CLI는 Command Line Interface (명령 줄 인터페이스)로 터미널을 통하여 쉽게 프로젝트를 시작할 수 있다.
yarn global add @vue/cli
# 또는
npm install -g @vue/cli
//설치 후 프로젝트에서 아래와 같이 입력
vue upgrade --next
설치를 할 떄엔 veu/cli를 -g 명령어를 이용해 컴퓨터에 전역 설치를 해주어야한다. 그래야만 Vue에 Cli명령어를 터미널에서 언제든지 사용할 수 있기 때문이다.
Creating a Project
Vue CLI 를 설치했다면 구글에 검색해보자. 그럼 아래의 관련 페이지가 뜬다.
Vue CLI
cli.vuejs.org
가운데에 있는 Get Started 버튼을 눌러 여러 정보를 얻을 수 있다. 우선 creating a project를 살펴보면 아래와 같이 나와있는데
vue create hello-world
이것은 터미널에서 Vue라는 명령어로 hello-world라는 프로젝트를 간단하게 설치하여 만들 수 있다는 것이다. 이때 여기 적혀있는 vue라는 명령어가 방금 전 우리가 CLI로 설치했던 Vue CLI로 실행할 수 있는 명령이 되는 것이고, 우리가 터미널에서 이 명령어를 언제든지 사용하고 설치할 수 있게 하기 위해서 -g라는 플래그를 통해서 어디서든(전체) 쓸 수 있는 전역변수로 설치한 것이다.
vetur
vscode 내의 vetur 확장팩을 설치하여 코드의 하이라이트 등, 눈에 더 잘들어오는 환경에서 코딩을 할 수 있다.
패스트캠퍼스 [직장인 실무교육]
프로그래밍, 영상편집, UX/UI, 마케팅, 데이터 분석, 엑셀강의, The RED, 국비지원, 기업교육, 서비스 제공.
fastcampus.co.kr
본 포스팅은 패스트캠퍼스 환급 챌린지 참여를 위해 작성되었습니다.
#패스트캠퍼스 #패캠챌린지 #직장인인강 #직장인자기계발 #패스트캠퍼스후기 #한번에끝내는프론트엔드개발초격차패키지online
