Day 15-制作购物车系统之安装及资料夹结构(四)

今天要说设定script命令句的部分
还记得前几天的文章有说到package.json里script的部分
指路-->https://ithelp.ithome.com.tw/articles/10262536

以下内容有参考教学影片,底下有附网址。
(内容包括我的不专业解说分析及在实作过程中遇到的困难与解决)
废话不多说,go go~


https://ithelp.ithome.com.tw/upload/images/20210916/20139720jIC5jO9S6Y.png
前面蓝色字的部分,就是在终端机输入npm run ...
例如:要执行位在backend的server.js档,输入npm run start
蓝色部分能自由定义,但橘红色的部分则需注意路径的语法等。

设定好script後,接下来就是测试看看
叫出终端机,输入npm run dev
他会执行server和client
成功後,会跑出一个网站localhost:3000
https://ithelp.ithome.com.tw/upload/images/20210917/20139720T1EATRReyS.png

这样购物车系统的安装及资料夹结构环境就差不多ok了~


参考教学网站:https://www.youtube.com/watch?v=0divhP3pEsg&t=786s


  • 明天要说购物车系统backend/images/emoticon/emoticon29.gif

<<:  JavaScript Day 8. 浅谈 Function-操作实例

>>:  Day 02:Vue 个专案先

DAY4 Kubernetes丛集资源监-Prometheus 前言

2021 IT铁人赛 DAY4 在昨天我们已经将kubernetes安装好,也建立了一个自己的丛集,...

Day 15 - 用 canvas 做打弹珠

import "./styles.css"; import useBall fr...

[Flutter ] Django 为资料库,以 FutureBuilder + http 抓取

Free fake API 为资料库,以 FutureBuilder + http 抓取 为Flut...

【D21】制作讯号灯#5:使用三大法人制作外资讯号灯

前言 制作了加权指数的,这次制作三大法人-外资的讯号灯,本次会做多单还是空单、留仓数量是否增加、留仓...

Day4 Javascript介绍

在前面的文章中,我们有浅谈到Javascript在网页中所扮演的角色,而Javascript到底是甚...