feat: add package.json cheatsheet.

Author: jaywcjlove

README.md

@@ -17,6 +17,7 @@ Quick Reference
 ## 工具包
 
 [npm](./docs/npm.md)
+[package.json](./docs/package.json.md)
 [VSCode](./docs/vscode.md)
 [Sketch](./docs/sketch.md)
 [Jest](./docs/jest.md)

docs/cron.md

@@ -84,7 +84,7 @@ Min  Hour Day  Mon  Weekday
 
 
 ### 特殊字符
-<!--rehype:warp-class=col-span-2-->
+<!--rehype:wrap-class=col-span-2-->
 
 <!--rehype:-->
 | 特殊字符             | 说明                                                                                     |

docs/git.md

@@ -27,7 +27,7 @@ $ git clone git_url 指定目录
 ```
 
 ### 做出改变
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 在工作目录中**显示**修改后的文件，为您的下一次提交暂存
@@ -368,10 +368,10 @@ $ git log -p <file_name>
 ```shell
 $ git log --pretty=oneline --graph --decorate --all
 ```
-<!--rehype:className=wrap-->
+<!--rehype:className=wrap-text-->
 
 ### 分支
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 列出所有分支及其上游
 
@@ -442,7 +442,7 @@ $ git rm -r --cached <目录/文件>
 ```
 
 ### 修改远程 Commit 记录
-<!--rehype:warp-class=row-span-4-->
+<!--rehype:wrap-class=row-span-4-->
 
 <!--rehype:-->
 ```shell
@@ -519,7 +519,7 @@ $ git rev-parse --short HEAD # e10721c
 ```shell
 $ git branch --merged master | grep -v '^\*\|  master' | xargs -n 1 git branch -d
 ```
-<!--rehype:className=wrap-->
+<!--rehype:className=wrap-text-->
 
 ### 中文乱码的解决方案
 

docs/javascript.md

@@ -127,7 +127,7 @@ let age = 7;
 ```
 
 ### 字符串
-<!--rehype:warp-class=col-span-2-->
+<!--rehype:wrap-class=col-span-2-->
 
 <!--rehype:-->
 ```js
@@ -154,7 +154,7 @@ abc.split("");
 ```
 
 ### 数字
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 ```js
@@ -211,7 +211,7 @@ Math.floor(Math.random() * 5) + 1;
 ```
 
 ### 全局函数
-<!--rehype:warp-class=col-span-2-->
+<!--rehype:wrap-class=col-span-2-->
 
 <!--rehype:-->
 ```js
@@ -247,7 +247,7 @@ JavaScript 条件
 
 
 ### 操作符
-<!--rehype:warp-class=row-span-3-->
+<!--rehype:wrap-class=row-span-3-->
 
 <!--rehype:-->
 ```javascript
@@ -401,7 +401,7 @@ const rocketToMars = function() {
 ```
 
 ### 箭头函数 (ES6)
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 #### 有两个参数
@@ -494,7 +494,7 @@ JavaScript 范围
 ----
 
 ### 范围
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 ```javascript
@@ -793,7 +793,7 @@ for (let index in fruits) {
 ```
 
 ### label 语句
-<!--rehype:warp-class= row-span-2-->
+<!--rehype:wrap-class= row-span-2-->
 
 <!--rehype:-->
 ```js
@@ -827,7 +827,7 @@ for (let fruit of fruits) {
 ```
 
 ### for await...of
-<!--rehype:warp-class= row-span-2-->
+<!--rehype:wrap-class= row-span-2-->
 
 <!--rehype:-->
 ```javascript
@@ -972,7 +972,7 @@ console.log(classElection.place); // undefined
 ```
 
 ### 可变的
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 ```javascript
@@ -1041,7 +1041,7 @@ console.log(origObj.color);
 ```
 
 ### 工厂函数
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 ```javascript
@@ -1119,7 +1119,7 @@ JavaScript Classes
 ----
 
 ### 静态方法/字段
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 ```javascript
@@ -1311,7 +1311,7 @@ JavaScript Promises
 ----
 
 ### Promise
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 创建 promises
@@ -1416,7 +1416,7 @@ promise.catch((err) => {
 ```
 
 ### Promise.all()
-<!--rehype:warp-class=col-span-2-->
+<!--rehype:wrap-class=col-span-2-->
 
 <!--rehype:-->
 ```javascript
@@ -1457,7 +1457,7 @@ promise.then(res => {
 ```
 
 ### 避免嵌套的 Promise 和 .then()
-<!--rehype:warp-class=col-span-2-->
+<!--rehype:wrap-class=col-span-2-->
 
 <!--rehype:-->
 ```javascript
@@ -1484,7 +1484,7 @@ JavaScript Async-Await
 <!--rehype:body-class=cols-2-->
 
 ### 异步
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 ```javascript
@@ -1611,7 +1611,7 @@ req.send();
 ```
 
 ### POST
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 ```javascript
@@ -1634,7 +1634,7 @@ xhr.onerror = () => {
 ```
 
 ### fetch api
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 ```javascript
@@ -1695,7 +1695,7 @@ fetch('https://api-xxx.com/endpoint', {
 ```
 
 ### async await 语法
-<!--rehype:warp-class=col-span-2-->
+<!--rehype:wrap-class=col-span-2-->
 
 <!--rehype:-->
 ```javascript

docs/jest.md

@@ -17,7 +17,7 @@ Jest 是一款优雅、简洁的 JavaScript 测试框架。
 - 代码覆盖， 无需其他操作，您仅需添加 --coverage 参数来生成代码覆盖率报告。
 
 ### 测试结构
-<!--rehype:warp-class=col-span-2-->
+<!--rehype:wrap-class=col-span-2-->
 
 <!--rehype:-->
 ```js
@@ -150,7 +150,7 @@ expect([{ a: 1 }, { b: 2 }]).toEqual([
 ```
 
 ### 模拟函数
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 ```js
@@ -293,7 +293,7 @@ expect(fn).toThrowErrorMatchingSnapshot()
 ----
 
 ### 实例
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 请参阅 Jest 文档中的 [更多示例](https://jestjs.io/docs/en/tutorial-async)。
@@ -330,7 +330,7 @@ test('async test', async () => {
 ```
 
 ### done() 回调
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 ```js
@@ -371,7 +371,7 @@ test('async test', () => {
 ## 模拟
 
 ### 模拟函数
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 ```js
@@ -409,7 +409,7 @@ const callback = jest.fn(() => true)
 [模拟函数文档](https://jestjs.io/docs/en/mock-function-api)
 
 ### 返回、解析和拒绝值
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 您的模拟可以返回值：
 
@@ -504,7 +504,7 @@ const setTitle = jest
 ```
 
 ### 定时器模拟
-<!--rehype:warp-class=row-span-3-->
+<!--rehype:wrap-class=row-span-3-->
 
 <!--rehype:-->
 为使用本机计时器函数（`setTimeout`、`setInterval`、`clearTimeout`、`clearInterval`）的代码编写同步测试。
@@ -556,7 +556,7 @@ Object.defineProperty(location, 'title', {
 ```
 
 ### 清除和恢复模拟
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 对于一个模拟

docs/json.md

@@ -47,7 +47,7 @@ JSON 备忘清单
 <!--rehype:class=table-thead-hide-->
 
 ### 字符串
-<!--rehype:data-warp-style=grid-row: span 3/span 3;-->
+<!--rehype:data-wrap-style=grid-row: span 3/span 3;-->
 
 <!--rehype:-->
 |      |                            |
@@ -82,7 +82,7 @@ Have to be delimited by double quotes
 
 
 ### 数字
-<!--rehype:warp-class=row-span-2-->
+<!--rehype:wrap-class=row-span-2-->
 
 <!--rehype:-->
 | Type       | Description                            |
@@ -229,7 +229,7 @@ let myObject = {
 <!--rehype:class=table-thead-hide-->
 
 ### 访问嵌套
-<!--rehype:data-warp-style=grid-row: span 2/span 2;-->
+<!--rehype:data-wrap-style=grid-row: span 2/span 2;-->
 
 <!--rehype:-->
 ```javascript
@@ -273,7 +273,7 @@ let myObject = {
 <!--rehype:class=table-thead-hide-->
 
 ### 访问对象数组
-<!--rehype:data-warp-style=grid-row: span 2/span 2;-->
+<!--rehype:data-wrap-style=grid-row: span 2/span 2;-->
 
 <!--rehype:-->
 ```javascript

docs/markdown.md

@@ -42,7 +42,7 @@ Header 2
 ```
 
 ### 无序列表
-<!--rehype:data-warp-style=grid-row: span 2/span 2;-->
+<!--rehype:data-wrap-style=grid-row: span 2/span 2;-->
 
 <!--rehype:-->
 ```markdown
@@ -166,7 +166,7 @@ console.log("This is a block code")
 ```
 
 ### 表格
-<!--rehype:data-warp-style=grid-column: span 2/span 2;-->
+<!--rehype:data-wrap-style=grid-column: span 2/span 2;-->
 
 <!--rehype:-->
 ```markdown
@@ -188,7 +188,7 @@ console.log("This is a block code")
 Markdown 表格生成器：[tableconvert.com](https://tableconvert.com/)
 
 ### 图片
-<!--rehype:data-warp-style=grid-column: span 2/span 2;-->
+<!--rehype:data-wrap-style=grid-column: span 2/span 2;-->
 
 <!--rehype:-->
 ```markdown

docs/npm.md

@@ -56,7 +56,7 @@ npm 备忘清单
 
 
 ### 杂项功能
-<!--rehype:warp-class=col-span-2-->
+<!--rehype:wrap-class=col-span-2-->
 
 将某人添加为所有者