개발/vue.js
Vue.js 개발 환경 설정
whatd0udo
2024. 5. 2. 20:27
1. Node.js 설치
node -v
2. Npm 설치
node.js에 기본적으로 포함되어 있으며 , npm은 node.js 패키지 관리 도구로 ,vue.js와 관련된 패키지를 설치하고 관리하는데 사용됨
3. Vue 설치
윈도우 : npm install vue
맥 : sudo npm install vue
4. Vue CLI 설치
Vue.js 애플리케이션을 빠르고 쉽게 만들 수 있도록 도와주는 도구
윈도우 : npm install vue -g @vue/cli
맥 : sudo npm install vue -g @vue/cli
5. Vue.js 프로젝트 생성
vue create 프로젝트명
5.1 manually select features 선택 (수동 작업)
5.2 선택 항목 중에 Router, Vuex 추가 선택 (스페이스 바로 선택)
5.3 history mode는 y 입력
5.4 ESLint + Standard config 선택
5.5 In package.json 선택
5.6 Preset: y 선택
5.7 Preset 이름 : vue basic
# Vue CLI Preset 관리
vue config
vue config --edit
vue condif --delete presets.프리셋이름
6.개발 서버 실행
웹 브라우저에서 http://localhost:8080 주소로 접속하면 Vue.js 프로젝트를 확인
1. Node.js 설치
node -v
2. Npm 설치
node.js에 기본적으로 포함되어 있으며 , npm은 node.js 패키지 관리 도구로 ,vue.js와 관련된 패키지를 설치하고 관리하는데 사용됨
3. Vue 설치
윈도우 : npm install vue
맥 : sudo npm install vue
4. Vue CLI 설치
Vue.js 애플리케이션을 빠르고 쉽게 만들 수 있도록 도와주는 도구
윈도우 : npm install vue -g @vue/cli
맥 : sudo npm install vue -g @vue/cli
5. Vue.js 프로젝트 생성
vue create 프로젝트명
5.1 manually select features 선택 (수동 작업)
5.2 선택 항목 중에 Router, Vuex 추가 선택 (스페이스 바로 선택)
5.3 history mode는 y 입력
5.4 ESLint + Standard config 선택
5.5 In package.json 선택
5.6 Preset: y 선택
5.7 Preset 이름 : vue basic
# Vue CLI Preset 관리
vue config
vue config --edit
vue condif --delete presets.프리셋이름
6.개발 서버 실행
웹 브라우저에서 http://localhost:8080 주소로 접속하면 Vue.js 프로젝트를 확인
1. Node.js 설치
node -v
2. Npm 설치
node.js에 기본적으로 포함되어 있으며 , npm은 node.js 패키지 관리 도구로 ,vue.js와 관련된 패키지를 설치하고 관리하는데 사용됨
3. Vue 설치
윈도우 : npm install vue
맥 : sudo npm install vue
4. Vue CLI 설치
Vue.js 애플리케이션을 빠르고 쉽게 만들 수 있도록 도와주는 도구
윈도우 : npm install vue -g @vue/cli
맥 : sudo npm install vue -g @vue/cli
5. Vue.js 프로젝트 생성
vue create 프로젝트명
5.1 manually select features 선택 (수동 작업)
5.2 선택 항목 중에 Router, Vuex 추가 선택 (스페이스 바로 선택)
5.3 history mode는 y 입력
5.4 ESLint + Standard config 선택
5.5 In package.json 선택
5.6 Preset: y 선택
5.7 Preset 이름 : vue basic
# Vue CLI Preset 관리
vue config
vue config --edit
vue condif --delete presets.프리셋이름
6.개발 서버 실행
웹 브라우저에서 http://localhost:8080 주소로 접속하면 Vue.js 프로젝트를 확인
