使用StackBlitz和SAP Spartacus快速创建电商店铺页面

StackBlitz是一个WebIDE，可以在浏览器里使用SAP Spartacus创建电商网站。

简要步骤如下：

在package.json里手动添加Spartacus依赖，下图是添加前StackBlitz创建Angular应用后默认生成的Angular依赖：

下图是完整依赖，源代码附在后面供大家参考：

{"name": "mystore","version": "0.0.0","scripts": {"ng": "ng","start": "ng serve","build": "ng build","test": "ng test","lint": "ng lint","e2e": "ng e2e"},"private": true,"dependencies": {"@angular/animations": "~9.1.12","@angular/common": "~9.1.12","@angular/compiler": "~9.1.12","@angular/core": "~9.1.12","@angular/forms": "~9.1.12","@angular/localize": "~9.1.12","@angular/platform-browser": "~9.1.12","@angular/platform-browser-dynamic": "~9.1.12","@angular/router": "~9.1.12","@angular/service-worker": "~9.1.12","@ng-bootstrap/ng-bootstrap": "^6.0.0","@ng-select/ng-select": "^4.0.0","@ngrx/effects": "~9.1.0","@ngrx/router-store": "~9.1.0","@ngrx/store": "~9.1.0","@spartacus/assets": "^2.1.0","@spartacus/core": "^2.1.0","@spartacus/storefront": "^2.1.0","@spartacus/styles": "^2.1.0","bootstrap": "4.2.1","i18next": "^19.3.4","i18next-xhr-backend": "^3.2.2","ngx-infinite-scroll": "^8.0.0","rxjs": "~6.5.4","tslib": "^1.10.0","zone.js": "~0.10.2"},"devDependencies": {"@angular-devkit/build-angular": "~0.901.12","@angular/cli": "~9.1.12","@angular/compiler-cli": "~9.1.12","@spartacus/schematics": "^2.1.0","@types/jasmine": "~3.5.0","@types/jasminewd2": "~2.0.3","@types/node": "^12.11.1","codelyzer": "^5.1.2","jasmine-core": "~3.5.0","jasmine-spec-reporter": "~4.2.1","karma": "~5.0.0","karma-chrome-launcher": "~3.1.0","karma-coverage-istanbul-reporter": "~2.1.0","karma-jasmine": "~3.0.1","karma-jasmine-html-reporter": "^1.4.2","protractor": "~7.0.0","ts-node": "~8.3.0","tslint": "~6.1.0","typescript": "~3.8.3"}
}

依赖安装完毕后，就可以在StackBlitz的预览窗口，查看生成的Spartacus前台页面了：

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

使用StackBlitz和SAP Spartacus快速创建电商店铺页面相关推荐

使用SAP Spartacus快速创建一个电商店铺网站
可以采用StackBlitz WebIDE在线创建: 也可以采用Angular cli创建,命令行如下: ng new mystore --style=scss 然后使用Spartacus schem ...
一个使用 SAP Spartacus 开发的电商网站 - Lego 乐高
网址:https://lego.yellowblocks.me/en-ae 没有使用服务器端渲染:因为 app-root 节点内是空的看下乐高 CMS 都有哪些 Component: 22 个 co ...
SAP CX Upscale Commerce : SAP全新推出的电商云平台
大家好,我是Andy Chen,是SAP成都研究院年轻的SAP CX Upscale Commerce (后面将会以Upscale简称)开发团队的一名产品经理.CX的全称是Customer Exper ...
互联网+时代，SAP助力跨境电商全面升级研讨会圆满落幕
由SAP金牌合作伙伴海通安恒科技有限公司(以下简称"海通安恒")主办的以<互联网+时代,SAP助力跨境电商全面升级>为主题的跨境电商行业客户研讨会在深圳福田区大中华喜来 ...
基于亚马逊云科技无服务器服务快速搭建电商平台——部署篇
概览受疫情影响消费者习惯发生改变,刺激了全球电商行业的快速发展.除了依托第三方电商平台将产品销售给消费者之外,企业通过品牌官网或者自有电商平台销售商品也是近几年电商领域快速发展的商业模式. 独立站电 ...
第4天-搭建项目（快速搭建电商平台后台管理系统及逆向生成微服务基本功能）
1.快速搭建电商平台后台管理系统目前在Gitee开源软件中,人人开源和若依关注度比较高,优品电商平台后台系统采用人人开源的框架来快速构建,完成基本的CRUD,开发更加关注复杂业务.高并发.高 ...
一度智信:新开的电商店铺销量低?如何快速提升
一度智信:新开的电商店铺销量低?如何快速提升新手开网店往往最关心的就是店铺销量,但是却不知道,要提升销量,需要从店铺整体运营和规划去考虑,销量并非单一维度的指标. 而我们都知道,店铺后台不同数据对应 ...
iOS 快速开发电商平台
好文章分享一下 http://www.jianshu.com/search?q=iOS分享之路-快速开发电商平台&page=1&type=note
搭建项目-快速搭建电商平台后台管理系统及逆向生成微服务基本功能
1 快速搭建电商平台后台管理系统目前在Gitee开源软件中,人人开源和若依关注度比较高,优品电商平台后台系统采用人人开源的框架来快速构建,完成基本的CRUD,开发更加关注复杂业务.高并发.高可用以及 ...

使用StackBlitz和SAP Spartacus快速创建电商店铺页面

使用StackBlitz和SAP Spartacus快速创建电商店铺页面相关推荐

最新文章

热门文章