npm入门教程官方视频笔记

微软官方JavaScript的入门视频最后一节的内容，觉得很有用就记录一下。里面实践提到的express和dotenv也很有用。

我看的B站视频地址：https://www.bilibili.com/video/BV18a4y1L7kD

概念

包（package）是一系列可复用代码，或包括图片，字体或其他资源。也可以是库libraries like react，Tools like typescript编译器，单元测试，分享的组件，等。

NPM目前最流行的包管理工具，接下来都是讲NPM的。

每个node.js installation都带有CLI（CLI：command-line interface 命令行界面） ，就是用来管理我们项目中的包的东西。

package.json是每个项目的入口，包含了三种信息：metadata，dependencies，scripts

实操

• 创建package.json文件

// 代码目录下执行
npm init
// 懒得打y的话执行
npm init -y

• 安装依赖包

// 安装在Dependencies
npm install pretter
// 只安装在devDependencies下
npm install --save-dev pretter

依赖包就是我们在项目里要用到的包。生产中运行需要的包就是dependencies；在开发过程中用的包，比如库、代码格式化或编译工具，就是devDependencies。

pretter是美化代码格式的包，所以只在devDependencies安装即可。

• express

npm install express

官方给的示例代码如下：

const express = require("express");
const app = express();
const port = 3000;

app.get("/", (req, res) => {
  res.send("Hello World!");
});

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`);
});

执行node .\index.js即可启动服务器，可在浏览器访问。

这里提到了一个小tip：在package.json中的scripts中把node .\index.js写为start，就可以直接用npm start来启动服务器了。

  "scripts": {
    "start": "node index.js"
  },

• dotenv

示例的最后一个插件，是用于隐藏秘密的，也就是端口号之类的配置信息，避免传代码的时候配置也上传了。

同样npm install dotenv进行安装，上面代码中的端口部分用变量替换，并引用配置文件。

require("dotenv").config();

const express = require("express");
const app = express();
const port = process.env.PORT;

然后在代码同级目录下创建.env文件，写上

PORT = 3000

npm start启动项目，可以看到配置的端口生效了。】

接下来，为了防止git上传配置文件，同级目录下新建.gitignore文件

.env
node_modules/

node_modules/里是我们npm install下载下来的依赖包存放的位置，也不用上传。

git上传的时候会忽略文件中写的这些。

最后是文件列表截图