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

今天要开始制作购物车系统所需的VScode环境。
GO GO ~

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

用VScode打开专案後，首先新增前端及後端的资料夹
(影片中是在终端机中输入$mkdir frontend backend)
接着在专案打开终端机输入$npm i express mongoose dotenv

!小补充!
-npm i其实就是npm install的简写。
-express:是Node.js流行的网路开发框架。
搭配食用-->https://ithelp.ithome.com.tw/articles/10259801
-mongoose:是一套给node.js用的MongoDB ODM。(ODM = Object Data Model)
搭配食用-->https://ithelp.ithome.com.tw/articles/10260180
-dotenv:为npm的套件，帮助使用者设定环境变数。安装之後，新增.env的档案，将重要的资料、变数存入，接着所 有存入的变数会同步存入process.env中。（之後实作会看到例子）

然後再次在终端机输入$npm i --save-dev nodemon concurrently
(--save-dev现在只需输入-D也行)
影片作者解释是为了能同时执行前端及後端。
根据npm官网：
-nodemon是一个能够自动以Node.js来执行任何一个有node命令行的程序。
-concurrently，能同时执行多个命令。

至於--save-dev明天会有不专业介绍。

参考教学影片:https://www.youtube.com/watch?v=0divhP3pEsg&t=239s
更多dotenv介绍:https://eruditeness.news.blog/2019/09/11/node-js初学笔记13利用dotenv-config隐藏敏感资讯/
npm官网：https://www.npmjs.com/package/nodemon
更多ODM介绍:https://hikaru092024.pixnet.net/blog/post/102949294

• 明天要说--save-dev