3.1 npm init 创建 package.json

1. 背景故事

在很久很久以前，dk 要开发一个前端项目，在计算机的某个旮沓地方建立了一个文件夹叫 dk_project，就称为这是一个“项目”了。

又过了很久，dk 离开了公司，来了位新同事，在接手 dk 工作的时候发现计算机上面的 dk_project 文件夹，因为没有任何明显的

标识，就被当成普通文件夹给 DELETE 掉了。

回到现代，随着 npm 的诞生，人们意识到建立一个项目目录不应该这么草率，于是乎规定，

如果某个文件夹被创建作为一个项目目录，那么它就应该包含一个 package.json 的文件。

package.json 文件里记录项目的描述信息：项目作者、项目描述、项目依赖哪些包、插件配置信息等等数不清的好处。

2. 创建项目描述文件 package.json

注意：下面的这些操作都是在黑窗口（DOS窗口）进行的。

第一步

在 d 盘下新建一个目录 demo 作为项目目录并在 dos 窗口切换到该目录下。

$ d:
$ cd D:\demo

第二步

使用 npm init 指令创建项目描述文件 package.json。

命令行里会以交互的形式让你填一些项目的介绍信息，依次介绍如下：（不知道怎么填的直接回车、回车...）

• name 项目名称
• version 项目的版本号
• description 项目的描述信息
• entry point 项目的入口文件
• test command 项目启动时脚本命令
• git repository 如果你有 Git 地址，可以将这个项目放到你的 Git 仓库里
• keywords 关键词
• author 作者叫啥
• license 项目要发行的时候需要的证书，平时玩玩忽略它

第三步

在项目目录下会自动生成 package.json 文件，打开可以看到刚才配置的项目信息。

3. 来点看得见的东东

在项目根目录下新建文件 index.js，并在其输入以下代码：

console.log('dk is handsome.');

在 dos 窗口中切换到项目根目录下，输入 node index.js 可以看到打印出来的信息。

$ d:
$ cd D:\demo
$ node index.js

这是 node 的入门 demo，当然这里并不介绍 Node。

package.json 在整个项目中还是很重要的，我们拿到一个新项目，第一步要看的就是 package.json 文件，这里面会传递项目信息。

下一节将详细讲解 package.json 的属性配置，让你能轻松看懂 package.json。