Vue - 프로그래시브 웹앱(PWA) 설정하기

기획

PWA를 이용한 위치 저장 어플리케이션 만들기

 - Vue 이용한 페이지 제작

 - Firebase 를 이용한 호스팅 + DB 저장

 

목차

1. vue-cli4 Setting

2. Firebase Setting

 

 

 

1. vue-cli Setting

 

설정 중 PWA 설정 도와주는 옵션이 있습니다.

설정해주시면 편합니다.

 

 

2. Firebase Setting

 

Window에서 firebase-tools 를 설치하려면 까다롭습니다.

글로벌로 설치해서 사용하라고 적혀있는데, Window에서는 권한이 없다고 막혀버립니다.

그래서 찾아본 결과, 독립형 실행 프로그램을 다운로드 후 설치해서 firebase-tools 를 이용하거나

nvm-window를 설치해서 버전 관리해서 사용하는 방법 두 가지입니다.

https://github.com/coreybutler/nvm-windows/releases

아... 이래서 맥이 편하구나

 

 

실습을 하던 중....

 

절망...ㅠ

윈도우에 nvm 도 설치해보고 설정도 막 건드려보다가 맛이 가버림 !!!

글로벌로 설치해둔 모듈들이 실행 안 되는 불상사가... 아후.. 윈도우를 다시 설치해야겠...따...

 

ps. 여러분은 사용자 이름 한글로 짓지 마세요

 

@수정 cmd 창을 관리자 권한으로 틀고 설치하니깐 되네요....