'Vue.js'에 해당되는 글 4건

vue create "프로젝트명"  프로젝트를 생성한다.

아래에 해당하는 라이브러리를 설치한다.

yarn add  @fortawesome/vue-fontawesome@prerelease

yarn add  @fortawesome/fontawesome-svg-core

yarn add  @fortawesome/free-solid-svg-icons

yarn add @fortawesome/free-regular-svg-icons

yarn add @fortawesome/free-brands-svg-icons

오프라인에서 인터넷이 안되므로 인터넷이 되는 환경에서 프로젝트를 생성한 다음 오프라인으로 옮겨야 된다. 

온라인 환경에서 해야 될 것들 

1. vue-cli 명령을 이용하여 프로젝트 생성

2. 필요한 라이브러리를 설치한다. npm 명령어 또는 yarn 

3. 프로젝트경로로 가서. yarnrc생성

4.. yarnrc에

yarn-offline-mirror "./npm-packages-offline"
yarn-offline-mirror-pruning true

5. node_modules 와 yarn.lock 파일을 삭제한다.

6. 터미널을 실행하여 아래와 같은 명령어를 실행한다. 

yarn cache clean
yarn install

7. yarn install 명령어를 실행하면 yarn.lock 파일과 node_modules 폴더가 다시 생긴다. 

node_modules 파일은 삭제하고 압축해서 폴더를 오프라인 환경으로 옮길 준비를 한다. (오프라인 환경으로 옮긴 다음 yarn install 명령어를 다시 실행하면 node_mnodules 파일이 다시 생기므로 삭제하고 옮긴다.)

오프라인  환경에서 해야될것들 

1. 적당한 위치에 폴더를 옮기고 압축을 해제한다.

2. 터미널에서 아래와 같이 명령어를 입력하면  npm-packages-offline 폴더에 압축된 라이브러리를 참조하여 node_modules 폴더를 생성한다.

yarn install --offline

참고

musma.github.io/2019/08/23/nodejs-offline-deployment.html

velog.io/@hayeon1234/%EC%98%A4%ED%94%84%EB%9D%BC%EC%9D%B8%EC%97%90%EC%84%9C-React-%ED%99%98%EA%B2%BD-%EB%A7%8C%EB%93%A4%EA%B8%B0

Vue3 버전으로 버전을 상향하고 실습을 하고 있는데 Vue devtoolsrk Vue.js를 인식하지 못해 확장 플러그인이 정상 동작하지 않았다.

chrome.google.com/webstore/category/extensions?hl=ko

크롬 웹스토어를 접속하여  검색어 항목에 vue3 devtools를 검색하면 확장 프로그램 목록이 나타난다.

이 글을 쓰는 현재 Vue3 devtools 버전은 6.0.0 beta 버전이다. 해당 버전을 다시 설치하고 이전 설치된 버전은 삭제한다. 

플러그인 설치 후 크롬브라우저를 재 실행하고 Vue.js devtools 가 정상 작동하는지 확인한다.

vue create 명령어 실행중 self signed certificate vue-cli self signed certificate in certificate chain

yarn config set "strict-ssl" false   명령어를 실행 한뒤 cmd 창을 닫고 다시 연다. 

vue create "프로젝트명" 실행한다.