npm

昨天安装好Node.js了!所以今天要介绍的是Node.js里面的一个预设的套件,它叫做npm它有点像是我们在写python的pip,所以npm就是可以帮助我们管理专案的套件

接下来我们要在terminal中输入npm的指令
第一个我们会用到的是npm init这是进行npm的初始化动作,在这里它是会产生一个package.json的设定档,这是记录npm做的设定和资讯,里面有像是我们专案的名称和版本等等

第二个会用到的是npm i json-server这里的i指的是install的意思,json-server则是拿JSON档去当作我们的资料库进行操作,所以接下来我们需要去建立一个JSON档,这里建立的是member.json的档案,接着回到package.json这个设定档,去修改scripts中的内容然後执行npm指令

"scripts": {
    "member": "json-server --watch member.json --port 8000"
  }

在scripts中,我们要叫json-server去watch我们今天建好的member.json这个档案,然後把server架在port 8000的地方,接着在terminal中输入npm run + 我们在scripts中" "里输入的名称(是" "不是JSON档喔!)所以在这里的指令就是npm run member执行完後会看到Home这里有一串网址
https://ithelp.ithome.com.tw/upload/images/20210723/20139183XfxcZkZLlN.jpg

点开後会开启网页,点开rsources中的连结就是我们在JSON档中的内容啦
https://ithelp.ithome.com.tw/upload/images/20210924/20139183QFMpV37x4E.jpg

https://ithelp.ithome.com.tw/upload/images/20210924/20139183GgmHxfx6u6.jpg


<<:  DAY10:应用程序元件Activity之简介

>>:  Day10 - 如何查询委托单状态

Day12:Select Room(选择特定房间频道)

全文同步於个人 Docusaurus Blog 本章的需求,解决首页进入前,如果有特定频道可以选择...

Day9 PHP数据类型--基本类型之字串

字串(String) 字串(String)就是一连串的字元 先来看字串简单介绍吧~ <?php...

[Day 22] Crypto 小不舍

今天我们也要解2题 废话不多说,开始吧 Mr-Worldwide (200 points) A mu...

[Day-1] 记录C++开发环境安装过程

今天我选择了"Dev-C++" 来当我学习C++的入门开发环境! 会想下载Dev...

Day 2 基本工具及套件

前言 今天我会说明一些开始实作所需要的工具,包含 flask 套件。但单单一个 flask 并不足以...