From d4800fa089fa12e2c348c9fe01876bb2b5425f2a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=8D=89=E9=9E=8B=E6=B2=A1=E5=8F=B7?= <308487730@qq.com>
Date: Tue, 28 Jun 2022 10:25:37 +0800
Subject: [PATCH] docs: `dependencies` vs `devDependencies`

---
 README.md | 34 +++++++++++++++++++++++++++++-----
 1 file changed, 29 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index a804326..e40cf2a 100644
--- a/README.md
+++ b/README.md
@@ -13,7 +13,7 @@
 📦 Out of the box  
 🎯 Based on [vue-ts](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-vue-ts) template, less invasive  
 🌱 Extensible, really simple directory structure  
-💪 Support using Node.js API in Renderer-process  
+💪 Support using Node.js API in Electron-Renderer  
 🔩 Support C/C++ native addons  
 🖥 It's easy to implement multiple windows  
 
@@ -46,11 +46,35 @@ npm create electron-vite
   └── vite.config.ts
 ```
 
-## `dependencies` vs `devDependencies`
+## 🚨 `dependencies` vs `devDependencies`
 
-The easiest way
+**Put Node.js packages in `dependencies`**
 
-- Put Node.js packages in `dependencies`
-- Put web packages in `devDependencies`
+🚨 e.g.
+
+- `electron-store`
+- `sqlite3`
+- `serilaport`
+- `mongodb`
+- ...others Node.js packages
+
+**Put Web packages in `devDependencies`**
+
+🚨 e.g.
+
+- `vue`
+- `vue-router`
+- `vuex`
+- `pinia`
+- `element-plus`
+- `ant-design-vue`
+- `axios`
+- ...others Web packages
+
+**TODO: ESM packages**
+
+- `node-fetch`
+- `execa`
+- ...others ESM packages
 
 See more 👉 [dependencies vs devDependencies](https://github.com/electron-vite/vite-plugin-electron-renderer#dependencies-vs-devdependencies)