# vue cli

10개의 포스트
post-thumbnail

vue proxy 사용하기

vue cli 3.x 버전 이상에서 웹팩 개발서버를 이용해서 프록시 요청을 보내봅시다.

2020년 6월 20일
·
0개의 댓글

vue-cli (3버전 이상) packageManager 변경하기

npm, yarn 을 함께 사용하다 보면 vue-cli가 하나의 packageManager를 기본으로 사용합니다.만약 npm 이 기본으로 세팅되어있는데, yarn으로 바꾸고 싶다면vue-cli 3.x버전 이상은 .vuerc 이 생기고 windows, mac 어딘가에 위

2020년 5월 18일
·
0개의 댓글
post-thumbnail

VUEX store 여러 개를 모듈화하기

vuex 에서 store를 여러개 만들고 쉽게 사용해봅시다.

2020년 4월 19일
·
0개의 댓글
post-thumbnail

vue 실행 모드와 환경 변수 설정

뷰의 실행모드와 환경 변수를 설정하는 방법에 대해 알아봅시다.참고 링크: Modes and Environment Variables(https://cli.vuejs.org/guide/mode-and-env.html로컬에서는 http://localhost

2020년 4월 15일
·
0개의 댓글
post-thumbnail

vue 채팅 애플리케이션 만들기 1 - 프론트엔드 개발환경 설정하기

다음과 같은 채팅 웹 애플리케이션을 vue.js 를 사용해서 만들것입니다. 웹소켓을 사용할 것이고요, 배포까지 진행해봅시다. vue 채팅앱 서비스 링크 urman.gif 이번에는 프론트엔드 개발 환경 설정을 다룹니다. 1. vue cli 설치 vue cli는 뷰 프로젝트 생성, 라이브러리 관리, 배포 파일 생성 등의 기능을 지원하는 프로그램입니다. vu...

2020년 1월 11일
·
0개의 댓글
post-thumbnail

Vue.js 프로젝트에 ESLint 적용하기

ESLint 규칙과 Auto Fix ESLint 는 ECMAScript/JavaScript 코드에서 코딩 품질과 스타일 검사하는 정적 코드 분석 도구입니다. ESLint 검사규칙은 사용자 요구에 맞게 재정의될 수 있고, Airbnb config 처럼 검증된 플러그인을 이용해 확장될 수 있습니다. ESLint 는 가벼운 규칙 위반시 자동으로 수정해주는 기...

2020년 1월 5일
·
1개의 댓글
post-thumbnail

vue-cli 3, 4에서 import 경로 alias @ 사용하기

너무너무 길어져버렷! vue 개발을 할때 사진과 같이 impport 하는 컴포넌트의 경로가 너무 길어지는 현상이 있습니다. vue-cli 2.x 에서는 webpack.config.js(웹팩 설정 파일)에서 @를 사용하는 경로가 정의되어있습니다. 따라서, 다음과 같이

2020년 1월 4일
·
0개의 댓글

TIL - 19.12.26

Vue.js로 프로젝트를 하게 되었습니다. react의 create-react-app 같은 것이 vue-cli 라고 생각하여, vue-cli로 프로젝트를 생성하려고합니다. vue-cli 설치 Node.js가 설치 되어있는 가정하에 설치합니다. 자세한 사항은 아래 공식 홈페이지에 나와있습니다. https://cli.vuejs.org/guide/instal...

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

Vue CLI - handlebar

vue build시 lodash 템플릿을 사용하는 html이 만들어지는데 이를 핸들바의 템플릿을 사용하려고 한다. handlebars handlebars-loader

2019년 11월 27일
·
0개의 댓글

[Vue] 개발환경 만들기 (without vue-cli)

Vue 개발환경 만들기 (without vue-cli) 원문: https://bit.ly/2RBcIJf 이 글은 번역한 내용이 아니라 원문 내용을 따라하면서 작성한 내용임을 밝힙니다. 일반적으로 Vue로 개발할 때, vue-cli를 사용하여 프로젝트 구조를 생성합니

2019년 2월 9일
·
1개의 댓글