iT邦幫忙

2021 iThome 鐵人賽

DAY 15
1
Modern Web

初學者對於做購物車系統的分析系列 第 15

Day 15-製作購物車系統之安裝及資料夾結構(四)

  • 分享至 

  • xImage
  •  

今天要說設定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

上一篇
Day 14-製作購物車系統之安裝及資料夾結構(三)
下一篇
Day 16-製作購物車系統之backend
系列文
初學者對於做購物車系統的分析30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言