# vue cli

39개의 포스트
post-thumbnail

vue cli 설치 - zsh: command not found

vue cli 를 설치할 떄 다음과 같은 에러가 났다.원인은 두 가지로 예상된다 전역 설치 시 관리자 권한이 아니기 때문에 에러가 발생함환경변수해결 방법:이전에 설치한 것을 삭제 후 전역적으로 재설치를 해준다.sudo npm uninstall --global vue-c

2023년 1월 13일
·
0개의 댓글
·
post-thumbnail

Vue CLI 로 프로젝트 생성

이제 본격적으로 뷰 프로젝트를 생성하고, 환경을 구성해보자.vue-endgame 이라는 상위 폴더 안에 nodejs 구성의 폴더가 있고, 우린 상위 폴더에 vue 프로젝트를 생성해준다.터미널 하나 더 추가 후 상위 폴더로 진입vue-cli (vue 명령어 도구) 설치s

2023년 1월 13일
·
0개의 댓글
·
post-thumbnail

[Vue.js] Vue CLI 설치 및 프로젝트 생성 (+ Spring Boot 프로젝트 환경 분리)

Vue CLI 설치 후 프로젝트 만들어보기 + 기존 Spring Boot 프로젝트와 연동해보기!

2022년 12월 26일
·
0개의 댓글
·

VUE (1)

Vue.js > 컴포넌트(Component) 기반의 SPA(Single Page Application)를 구축할 수 있게 해주는 프레임워크 Component 웹을 구성하는 로고, 메뉴바, 버튼, 모달창 등 웹 페이지 내의 다양한 UI요소 재사용이 가능하도록 구조화 한

2022년 11월 28일
·
0개의 댓글
·
post-thumbnail

Vuejs - CLI

Vue CLI Vue.js 개발을 위한 표준 도구 Vue로 빠르게 프로젝트를 구성하고 프로토타이핑을 하고 싶을 때 사용하는 CLI 도구 설치하려면 먼저 Node.js를 설치하고 NPM을 이용해야한다. Node.js 자바스크립트를 브라우저가 아닌 환경에서도 구동할 수 있

2022년 11월 8일
·
0개의 댓글
·
post-thumbnail

vue-cli에서 vite로 migration 과정 ft.vue2

vitevite-plugin-vue2vue2에선 이걸로 적용 해야한다@originjs/vite-plugin-commonjsrequire 찾을 수 없는 걸 해결해줌vue-template-compiler@vue/babel-preset-appindex.html 파일을 roo

2022년 9월 1일
·
0개의 댓글
·

Vue) 00. vue-cli를 이용한 프로젝트 생성.. [vuedongsan 프로젝트 시작]

1. Vue CLI 설치 yarn global add @vue/cli or npm install -g @vue/cli -g: 해당 패키지가 현재 디렉토리뿐만 아니라 앞으로 생성되는 모든 프로젝트에서 사용할 수 있는 global 패키지 등록 2. Vue 프로젝트 생성

2022년 7월 27일
·
3개의 댓글
·
post-thumbnail

[Vue] Vue CLI 환경에서 노션 API 이용하기

사라진 내 일요일에 대한 건

2022년 7월 24일
·
2개의 댓글
·
post-thumbnail

vue-cli 프로젝트를 vite 3으로 마이그레이션해보기

vue-cli로 구성된 프로젝트를 vite 3 환경으로 마이그레이션한 경험담을 적은 글이다. 꾸준히 추가할 예정이다.

2022년 7월 13일
·
1개의 댓글
·
post-thumbnail

Vue CLI와 Vue router

SFC / Vue CLI / Pass Props & Emit Events / Vue Router

2022년 7월 9일
·
0개의 댓글
·

vue 파일 import 경로의 '@'는 어디서 설정했을까

업로드중..'@'는 webpack의 path alias로 절대 경로에 대한 별칭이다.vue-cli로 설치 시 @에 대한 path alias 설정이 자동으로 되어있다. (몇버전 부터였는지는 기억이..)이 설정은 어디서 확인할 수 있을까?vue inspect > outpu

2022년 6월 9일
·
0개의 댓글
·
post-thumbnail

[vue.js] Event (기초)

링크 클릭시 "진짜 이 페이지에서 나가시겠습니까?"라는 문구를 본적 있을 것이다. 대부분 'yes'를 누르겠지만Vue에서 태크 사용시 진짜 링크로 이동할껀지 아닌지 comfirm을 받은 후 이동할지 안할지 결정하는 방법에 대해 알아보자!/html/

2022년 5월 27일
·
0개의 댓글
·
post-thumbnail

[강의노트] Vue CLI - 2.x vs 3.x

Vue CLI 1. vue cli 설치: 2. CLI 2.x vs CLI 3.x

2022년 5월 9일
·
0개의 댓글
·
post-thumbnail

Vue-CLI 설치 및 사용하기

가장 첫 번째로 node-js 설치를 해야한다. node.js 는 공식홈페이지에서 LTS 버전으로 빠르게 설치한다!간단하므로 node.js 설치 과정은 생략한다.. 이것마저 못하면 개발 하지..터미널에서 npm을 이용해 Vue CLI를 설치할 것인데, 필자는 Vue C

2022년 4월 20일
·
0개의 댓글
·
post-thumbnail

Vue : npm run serve 오류 vue-cli-service: command not found

git clone을 받고npm run serve로 실행을 시켜주었는데이런 에러들이 뜨는 경우가 있다 이경우는npm cinpm run servenpm ci 로 기존에 깔려있거나 업데이트 되어있는 패키지를 재실행 해주면 정상적으로 실행할 수 있다!

2022년 4월 12일
·
0개의 댓글
·
post-thumbnail

Vue Cli 설치 시 프로젝트 설치 옵션 (vscode)

항상 vue-cli로 프로젝트를 만들고 개발할때 Default만 하는 나..현재는 진행되고 있지 않지만 외부 토이프로젝트 스터디 코드도 그렇고 공부용으로 듣고 있는 인프런 인강에서도 단순히 vue crete 프로젝트명 으로만 끝내지 않고 프로젝트 설치옵션을 따로 설정

2022년 3월 30일
·
0개의 댓글
·

Vue 프로젝트 생성하기

원하는 경로로 이동 후vue-cli에서는 내부적으로 webpack을 사용하지만 숨겨져 있음.package.json 내에서 vue-cli-service라는 것으로 webpack 옵션을 제공.

2022년 3월 7일
·
0개의 댓글
·

Vue에서 경로 별칭 사용

vue-cli를 통해 환경 설정을 하고나면 @는 '/src'를 지칭한다. 근데 프로젝트 규모가 커짐에 따라서 경로가 복잡해지는 경우가 있는데, 이 때 '@/폴더명/폴더명/...' 길어지는 경우가 있을텐데, 이를 해결하기 위한 방법을 소개하려고 한다. 위와 같은 방법으로 작성을 해도 되지만 별칭을 지정하여 폴더 경로를 지정할 수 있다. 사용 방법은 아래와 ...

2022년 2월 9일
·
0개의 댓글
·
post-thumbnail

윈도우 vue설치 오류

vue cli MODULE_NOT_FOUND 오류, 윈도우 오류

2021년 12월 9일
·
0개의 댓글
·