Vue

Vue

[Vue] dotenv( .env ) 사용하기

.env 보안상 코드에 직접 하드코딩 하면 안되는 private key나 전역으로 사용할 환경설정 등을 설정하는 파일이다. 설치 기본적인 노드 환경에서는 dotenv패키지를 설치해야 한다. npm i dotenv 내가 쓰는 vue cli에서는 dotenv가 깔려있기 때문에 설치 없이 바로 사용할 수 있다. 파일 생성 프로젝트의 root에 .env파일을 생성한다. 파일명 파일 명은 아래와 같은 세가지 규칙이 있다. .env .env.[mode] .env.[mode].local 이때 mode는 development모드, production모드 , text.모드 등이 있다. 개발시와, 배포시의 환경설정이 다르기 때문에 이렇게 나뉘어져 있다. 모드에 따라서 다른 .env파일을 로드한다. 로드하는 파일 .env는..

Vue

[vue] plugin, vue 공통함수 쓰기

Vue에서는 공통함수를 쓸때 plugin이라는 것을 사용한다. https://vuejs.org/guide/reusability/plugins.html#writing-a-plugin Plugins | Vue.js vuejs.org Vue의 plugin으로 라이브러리를 달아주면 vue의 전역에서 등록되므로, 어디에서든 바로 사용할 수 있다. Cmmn.js라는 파일에 공통함수를 만들고 export하자 //cmmn.js export default { myFunc1(){ return "hello" }; ... } 이 js파일을 plugin으로 만들어주는 cmmnPlugin.js를 작성한다. //cmmnPlugin.js import { cmmn } from "@/js/cmmn.js" export default { ..

Vue

[vscode] vue 개발 환경 세팅하기

extension을 설치해야 쓸만하다. vue2라면 vuter를, vue3라면 volar를 깔자!!! vue3인데 vuter를 쓰면 자꾸 에러를 낸다!!! https://wouldyou.tistory.com/m/66 [vscode] [vue/no-multiple-template-root] 오류 해결 vue3를 사용하고 있는데, [vue/no-multiple-template-root] The template root requires exactly one element.eslint-plugin-vue 오류가 나서 eslint 관련된 패키지를 다 지웠는데도 계속 오류가 났다. npm remove.. wouldyou.tistory.com 깔아줄 extension - vue Language feature(vola..

우주유령
'Vue' 카테고리의 글 목록