메뉴 건너뛰기

검색창 닫기

Cloudera, BigData, Semantic IoT, Hadoop, NoSQL

Cloudera CDH/CDP 및 Hadoop EcoSystem, Semantic IoT등의 개발/운영 기술을 정리합니다. gooper@gooper.com로 문의 주세요.


microservice vuestorefrontui.io를 이용한 front end project 생성하기

총관리자 2022.02.06 15:48 조회 수 : 137


<<방법#1 : https://docs.vuestorefront.io/v2/general/installation.html 참고>>

1. 아래 목록의 프로그램 선행 설치가 필요함.

  가. NodeJS 14+, Yarn 1+, Git등

2. 프로그램이 설치될 폴더 생성

  mkdir gdimeweb

  cd gdimeweb

3. Vue Storefront ClI인 npx를 이용하여 project생성

  npx @vue-storefront/cli init

  여기서 project 이름은 gdimeui로 입력하고 backend platform으로 commercetools를 선택한다.

4. dependencies설치

  cd gdimeui

  yarn install

5. development mode로 project를 start

  yarn dev


6. URL입력

http://dev.gdime.com:3000/


--------------------------------------------------------------------------------------------------

<<방법#2:  https://docs.vuestorefront.io/v2/integrate/integration-guide.html 참고. >>


1. 아래 목록의 프로그램 선행 설치가 필요함.

  가. NodeJS 14+, Yarn 1+, Git


2. Git에서 템플릿 프로젝트를 받아 build/수행

  가. git clone

    git clone https://github.com/vuestorefront/ecommerce-integration-boilerplate

    cd  ./ecommerce-integration-boilerplate


  나. 문자열 치환

    grep -rl '__replace_me__' ./ | xargs sed -i 's/__replace_me__/gdime/g' 를 실행한다.  (설명에 있는 구문이 잘못되어 있으니 주의할것)


  다. yarn수행으로 dependency및 build 수행

    yarn install

    yarn build


3.  프로젝트 수행

    yarn dev


4. URL

http://dev.gdime.com:3000/

이 게시물을
이 글의 추천인 목록 목록
번호 제목 날짜 조회 수
121 Hue Load Balancer를 L4로 L/B하는 경우는 L4쪽 도멘인으로 발행된 인증서를 TLS/SSL항목에 설정해주어야 한다. 2021.10.08 474
120 kudu hms check 사용법(예시) 2021.10.22 448
119 hive metastore db중 TBLS, TABLE_PARAMS테이블 설명 2021.10.22 611
118 Query Status: Sender xxx.xxx.xxx.xxx timed out waiting for receiver fragment instance: 1234:cdsf, dest node: 10 의 오류 원인및 대응방안 2021.11.03 368
117 hue.axes_accessattempt테이블의 username컬럼에 NULL 혹은 space가 들어갈수도 있음. 2021.11.03 3051
116 클러스터내의 전체 workflow및 coordinator현황을 사용자별로 추출하는 방법 2021.11.25 559
115 python2.7.4에서 Oracle DB(11.2)를 사용하기 위한 설정(RPM을 이용하여 RHEL 7.4에 설치) 2021.11.26 602
114 oracle 12에 sqoop해서 데이터 import하기 (console에서 sqoop import하는 방법) 2021.12.31 604
113 hadoop nfs gateway설정 (Cloudera 6.3.4, CentOS 7.4 환경에서) 2022.01.07 404
112 kudu 테이블 metadata강제 삭제시 발생하는 오류 메세지 2022.01.12 572
111 Oracle NLOB type의 데이터를 import하는 경우 No Java type for SQL type 2011 for column rst와 같은 오류 발생시 조치사항 2022.01.14 135
110 not leader of this config: current role FOLLOWER 오류 발생시 확인방법 2022.01.17 695
109 Soft memory limit exceeded (at 100.05% of capacity) 오류 조치 2022.01.17 515
108 Failed to write to server: (no server available): 2022.01.17 737
107 Kudu tablet이 FAILED일때 원인 확인 방법 2022.01.17 555
106 kudu rebalance수행 command예시 2022.01.17 218
105 [백업] 리눅스 시스템 백업하기 (Linux System Backup) - TAR 사용 시스템 전체 백업 2022.01.19 1113
104 windows10 pro에서 microservice pattern책의 예제를 kubernetes에서 기동하는 방법 2022.01.30 150
103 eclipse editor 설정방법 2022.02.01 203
» vuestorefrontui.io를 이용한 front end project 생성하기 2022.02.06 137
쓰기 태그
위로