본문 바로가기
IT/VueJS

Vue 프로젝트 생성하기

by 골든크랩 2022. 8. 22.
728x90
반응형

 

터미널에서 다음 명령어 타이핑

vue create hello-vue-app

 

참고) https://cli.vuejs.org/guide/creating-a-project.html

 

Creating a Project | Vue CLI

Creating a Project vue create To create a new project, run: WARNING If you are on Windows using Git Bash with minTTY, the interactive prompts will not work. You must launch the command as winpty vue.cmd create hello-world. If you however want to still use

cli.vuejs.org

 

만약 새로운 프로그램을 어디선가 받았다면...

현재 폴더에 package.json 파일이 있는 곳으로 이동하여...아래 명령을 치면 node_modules 라는 폴더가 생긴다.

> npm install 

 

 

커맨들은 packeage.json 파일에 "scripts" 안에 정의됨

 "scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },
 
개발(Dev) Mode

: 컴파일 & Dev Server Start

>npm run serve

 

운영(Prod) Mode

: 컴파일 & Bundling

>npm run build

 

실행은...

npm run server

 

 

 

 

728x90
반응형

'IT > VueJS' 카테고리의 다른 글

데이터 바인딩, Interpolation  (0) 2022.08.23
VueJS 프로그램 구조  (0) 2022.08.23
VueJS 총론  (0) 2022.08.23
ECMAScript 관련해서....  (0) 2022.08.22
개발 환경 설정하기 - node와 VScode 설치  (0) 2022.08.22

댓글