반응형

Vue.js 프로젝트 생성 2

[Vue.js] Vite를 이용하여 프로젝트 생성하기

앞선 글에서 Vue-cli로 프로젝트를 생성해보았다. 본격적으로 document를 톺아보기 앞서 Quick Start 섹션을 보다가 한 문구를 발견해버렸다. The official Vue build setup is based on Vite, a frontend build tool that is modern, lightweight and extremely fast. Vue-cli로 실컷 했더니 official이 따로 있었다...ㅎ Vite를 이용하여 다시 프로젝트를 생성해보자. Vite로 프로젝트를 생성하기 위해선 Node.js가 설치되어있어야 한다. 나는 개발환경 설정할 때 Node.js를 설치했기 때문에 설치 과정을 건너뛰고 VS Code의 command를 켜본다. Vite를 이용하여 Vue proje..

Development/Vue.js 2022.03.10

[Vue.js] CLI를 이용하여 프로젝트 생성하기

앞서 로컬 환경에 Vue.js 개발 환경 설정을 완료하였으니 프로젝트를 생성해보자. Vue CLI를 이용해 프로젝트를 생성해본다. CMD 창을 켜고 프로젝트를 생성할 폴더로 이동해준다. CMD 창을 켜지 않고 VS Code(Visual Studio Code) 하단 터미널에서 생성하는 것도 가능하다. 프로젝트를 생성하기 위해선 아래의 명령어를 입력해준다. 과거엔 vue init으로 프로젝트를 생성하였지만 Vue CLI >= 3 에서는 vue create를 사용한다. vue create VueProject01 PS D:\Study\Vue\VueExercises> vue init webpack-simple VueProject01 vue : 'vue' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 ..

Development/Vue.js 2022.03.04
반응형