Node.js 項目啟動命令大全 (形象版)

文章目錄

  • Node.js 項目啟動命令大全 🌟?(形象版)
    • 一、🔍 如何查看項目啟動命令(魔法書目錄)
      • package.json scripts 參數詳解
        • 開發相關腳本
        • 測試相關腳本
        • 構建相關腳本
        • 代碼質量相關腳本
        • 最佳實踐
    • 二、🚀 主要啟動命令類型(魔法分類學)
    • 三、📜 詳細命令解析(魔法典籍)
      • 1. 基礎啟動命令 - `npm start`
      • 2. 開發模式 - `npm run dev` + Nodemon 詳解
      • 3. 調試命令 - `npm run debug`
      • 4. 測試命令 - 進階版
      • 5. 構建命令 - 生產級魔法
    • 四、🛠? 魔法工具集(Nodemon 深度探索)
      • Nodemon 的完整配置
      • Nodemon 高級技巧
    • 五、🌈 現代魔法工作流(2023版)
    • 六、💎 魔法師的專業工具包
    • 七、🚨 常見魔法事故處理
    • 八、🌟 終極技巧

Node.js 項目啟動命令大全 🌟?(形象版)

在 Node.js 項目中,啟動命令就像是開啟魔法世界的咒語,不同的咒語能喚醒不同的能力!讓我們用更生動的方式探索這些神奇的啟動命令吧!

一、🔍 如何查看項目啟動命令(魔法書目錄)

在 Node.js 項目中,啟動命令通常藏在 package.json 文件的 scripts 部分,就像霍格沃茨圖書館的禁書區:

{"scripts": {"start": "node app.js","dev": "nodemon --inspect app.js","debug": "ndb npm run dev","test": "jest --watchAll","test:cov": "jest --coverage","build": "webpack --mode production","lint": "eslint .","prepare": "husky install"}
}
image-20250616085550244

package.json scripts 參數詳解

這是一個典型的 Node.js 項目的 package.json 文件中的 scripts 部分,包含了各種開發、測試和構建相關的命令。下面我將詳細解釋每個腳本的作用:

開發相關腳本
  1. "start": "node app.js"
    • 這是項目的啟動命令
    • 使用 node 直接運行 app.js 文件
    • 通常用于生產環境啟動
    • 使用方式:npm startyarn start
  2. "dev": "nodemon --inspect app.js"
    • 開發環境的熱重載命令
    • 使用 nodemon 監控文件變化并自動重啟
    • --inspect 參數啟用 Node.js 調試器
    • 使用方式:npm run devyarn dev
  3. "debug": "ndb npm run dev"
    • 調試命令
    • 使用 ndb (Node.js 調試工具) 運行開發服務器
    • 提供更強大的調試界面
    • 使用方式:npm run debugyarn debug
測試相關腳本
  1. "test": "jest --watchAll"
    • 運行 Jest 測試
    • --watchAll 參數會監控文件變化并自動重新運行測試
    • 使用方式:npm testyarn test
  2. "test:cov": "jest --coverage"
    • 運行測試并生成覆蓋率報告
    • --coverage 參數會計算代碼測試覆蓋率
    • 通常在 CI/CD 流程中使用
    • 使用方式:npm run test:covyarn test:cov
構建相關腳本
  1. "build": "webpack --mode production"
    • 項目構建命令
    • 使用 webpack 進行打包
    • --mode production 啟用生產模式優化
    • 使用方式:npm run buildyarn build
代碼質量相關腳本
  1. "lint": "eslint ."
    • 代碼檢查命令
    • 使用 ESLint 檢查整個項目的代碼規范
    • 通常在提交代碼前運行
    • 使用方式:npm run lintyarn lint
  2. "prepare": "husky install"
    • 安裝 Git hooks 的命令
    • 使用 husky 工具設置 Git 鉤子
    • 通常在項目初始化或安裝依賴后自動運行
    • 使用方式:通常不需要手動運行,會在 npm install 后自動執行
最佳實踐
  1. 開發流程:通常開發時使用 npm run dev 啟動開發服務器
  2. 測試流程:開發過程中使用 npm test 持續運行測試,提交前使用 npm run test:cov 檢查覆蓋率
  3. 代碼提交:配置 husky 在 pre-commit 鉤子中自動運行 npm run lintnpm test
  4. 生產部署:部署前運行 npm run build 構建生產版本,然后使用 npm start 啟動

這些腳本組合提供了一個完整的開發工作流,涵蓋了從開發、測試到構建部署的全過程。

查看魔法書的三種方法:

  1. 基礎咒語:直接打開 package.json(像打開一本實體書)
  2. 快捷咒語:運行 npm run(會顯示所有可用命令)
  3. 高級咒語:使用 jq 工具:cat package.json | jq .scripts

二、🚀 主要啟動命令類型(魔法分類學)

命令類型魔法比喻典型命令示例能量消耗(內存)
npm start基礎召喚術node app.js??
npm run dev永恒之火nodemon app.js???
npm run debug時間回溯node --inspect-brk app.js????
npm test真言術:盾jest --watchAll???
npm run build煉金術webpack --mode production?????
npm run lint凈化儀式eslint . --fix??
npm run coverage全知之眼nyc npm test????

三、📜 詳細命令解析(魔法典籍)

1. 基礎啟動命令 - npm start

🪄 咒語:npm start
🔮 效果:node app.js
💎 秘密參數:--max-old-space-size=4096(增加內存限制)
📚 說明:就像"熒光閃爍",簡單但必不可少。生產環境的首選咒語

2. 開發模式 - npm run dev + Nodemon 詳解

🪄 咒語:npm run dev
🔮 效果:nodemon --delay 2 --watch src app.js
💎 Nodemon 秘密武器:--delay:魔法冷卻時間(延遲重啟)--watch:只監視特定目錄--exec:可以運行非JS程序(如Python)📚 Nodemon 是開發者的鳳凰福克斯:1. 自動檢測文件變化2. 支持自定義重啟規則3. 可以集成到調試流程中🌰 示例配置:"dev": "nodemon --exec babel-node src/index.js"

3. 調試命令 - npm run debug

🪄 咒語:npm run debug
🔮 效果:node --inspect-brk=9229 app.js
💎 調試三神器:1. Chrome DevTools (chrome://inspect)2. VS Code 調試器3. WebStorm 調試器📚 說明:就像時間轉換器,讓你可以回溯代碼執行過程

4. 測試命令 - 進階版

🪄 組合咒語:npm run test:cov
🔮 效果:jest --coverage --colors
💎 測試守護模式:"test:watch": "jest --watch --verbose"📚 說明:不僅施放防護罩,還能顯示防護罩的完整覆蓋率

5. 構建命令 - 生產級魔法

🪄 咒語:npm run build:prod
🔮 效果:webpack --mode production --env NODE_ENV=production
💎 構建優化技巧:1. 使用 --profile 分析構建時間2. 添加 --progress 顯示進度3. 配合 speed-measure-webpack-plugin 測量速度

四、🛠? 魔法工具集(Nodemon 深度探索)

Nodemon 的完整配置

創建 nodemon.json 文件定制你的守護精靈:

{"watch": ["src/", "config/"],"ext": "js,json,graphql","ignore": ["src/tests/"],"delay": "2","exec": "babel-node src/index.js","env": {"NODE_ENV": "development","DEBUG": "app:*"}
}

Nodemon 高級技巧

  1. 與 PM2 結合:開發用 Nodemon,生產用 PM2
  2. 調試模式nodemon --inspect app.js
  3. 自定義事件:可以監聽重啟事件執行額外命令
  4. 遠程開發:配合 rsync 實現遠程文件同步和重啟

五、🌈 現代魔法工作流(2023版)

[初始化儀式]↓
npx create-react-app my-app  ??  召喚現代前端框架↓
npm install -D nodemon       ??  簽訂開發守護精靈契約↓
[日常施法流程]↓
npm run dev ?? 啟動開發服務器(帶熱重載)├─ 修改文件自動觸發重啟└─ 同時啟動 Mock API 服務器↓
npm run test:watch ?? 在另一個終端運行測試守護↓
npm run storybook ?? 在第三個終端啟動組件庫↓
[發布儀式]↓
npm run build:analyze ?? 分析包大小↓
npm run deploy       ?? 自動部署到云端

六、💎 魔法師的專業工具包

  1. 進程管理:PM2(生產環境)、Nodemon(開發環境)
  2. 調試神器:ndb(Node 調試器)、node-inspect
  3. 測試套裝:Jest + Testing Library + Cypress
  4. 構建工具:Webpack 5 + esbuild + SWC
  5. 現代化腳本:zx(用 JS 寫 shell 腳本)

七、🚨 常見魔法事故處理

  1. 端口占用kill -9 $(lsof -ti:3000)
  2. 內存溢出node --max-old-space-size=4096 app.js
  3. 依賴沖突npm ls <package> 查看依賴樹
  4. 緩存問題npm cache clean --force

八、🌟 終極技巧

使用 npm-run-all 實現并行施法:

{"scripts": {"dev": "run-p dev:*","dev:server": "nodemon app.js","dev:client": "vite","dev:mock": "json-server db.json"}
}

這個增強版指南包含了更全面的命令解析、Nodemon 的深度使用、現代工作流和實用技巧,讓你的 Node.js 開發如同施展魔法般流暢高效!記住,偉大的魔法師都是從熟練基礎咒語開始的,現在就去實踐這些命令吧!🧙?♂??

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/bicheng/85353.shtml
繁體地址,請注明出處:http://hk.pswp.cn/bicheng/85353.shtml
英文地址,請注明出處:http://en.pswp.cn/bicheng/85353.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

愛普特APT32F1104C8T6單片機 高抗干擾+硬件加密雙保障

愛普特APT32F1104C8T6單片機深度解析 1. 產品定位 APT32F1104C8T6 是愛普特半導體&#xff08;APT&#xff09;推出的 32位高性能經濟型單片機&#xff0c;基于 ARM Cortex-M0內核&#xff0c;采用 LQFP48封裝&#xff0c;主打 高性價比、低功耗、強抗干擾&#xff0c;是替代進…

使用uni-app ios 打包流程

配置幾個步驟即可 1、打包ios需要BundleID ID 2、證書私鑰密碼 3、信任文件證書文件 4、私鑰證書 5、打包 6、獲取打包后的ipa文件 7、通過愛思助手安裝到iso手機上 8、完成 1、下載&#xff1a;App Uploader去獲取我們想要的證書私鑰等文件 2、下載完成解壓后的文件如下打…

仿muduo庫實現并發服務器

1.實現目標 仿muduo庫One Thread One Loop式主從Reactor模型實現高并發服務器&#xff1a; 通過實現高并發服務器的組件&#xff0c;可以快速實現一個高并發服務器的搭建&#xff0c;并且&#xff0c;通過組內不同應用層協議的支持&#xff0c;可以快速完成高性能服務器的搭建…

迭代器模式:集合遍歷的統一之道

引言&#xff1a;集合遍歷的演進之路 在軟件開發中&#xff0c;集合遍歷是我們每天都要面對的基礎操作。從最初的數組索引遍歷到現代的流式處理&#xff0c;我們經歷了&#xff1a; #mermaid-svg-KwTr9k8JgbwRTDhU {font-family:"trebuchet ms",verdana,arial,sans-…

Spring Security OAuth2 組件

我們來系統地講解一下 Spring Security OAuth2 這個強大的組件。我會從概念、作用、核心組件&#xff0c;以及實際應用場景來為你剖析。 1. 什么是 Spring Security OAuth2&#xff1f; 簡單來說&#xff0c;Spring Security OAuth2 是 Spring Security 框架的一個模塊&#…

Redis的持久化功能

Redis的持久化功能能夠將內存中的數據保存到磁盤&#xff0c;從而在重啟后恢復數據。下面為你詳細介紹Redis的兩種主要持久化方式及其配置方法。 RDB&#xff08;Redis Database&#xff09;持久化 RDB持久化是通過生成某個時間點的數據集快照來實現的。它具有高性能的特點&a…

Chrome 將成為下一個 IE6

最近在技術圈刷到一個帖子&#xff0c;說&#xff1a;“Chrome 就快變成新的 IE6 了。” 乍一看有點危言聳聽&#xff0c;但你一細品&#xff0c;發現還真挺像回事。 想當年&#xff1a;IE6 是怎么垮的&#xff1f; IE6 當年多風光&#xff1f;全球市場份額一度超過 90%&#…

Redis 配置文件詳解redis.conf 從入門到實戰

一、redis.conf 是什么&#xff1f; Redis 的配置文件&#xff08;默認命名為 redis.conf&#xff0c;Redis 8.0 之后改為 redis-full.conf&#xff09;控制著服務運行的各項參數。該文件采用以下結構&#xff1a; 指令名 參數1 參數2 ... 參數N例如&#xff1a; replicaof …

autoware docker的安裝

前言 官方的安裝說明&#xff1a; 官方的安裝說明 安裝前&#xff0c;請確認安裝的硬件&#xff1a; CPU with 8 cores16GB RAM[Optional] NVIDIA GPU (4GB RAM) 滿足需求 1. 安裝軟件依賴 這一步主要是安裝三個軟件&#xff1a; DockerNVIDIA Container Toolkit (pref…

AWS 解決方案深度剖析:Amazon QLDB — 構建可信賴、不可變的數據審計基石

導言&#xff1a;數據可信的挑戰 在現代應用開發中&#xff0c;尤其是在金融、供應鏈、身份認證、政府事務、醫療記錄管理等領域&#xff0c;數據完整性和歷史追溯性至關重要。我們常常面臨以下挑戰&#xff1a; 審計困難&#xff1a; 如何證明數據從誕生至今未被篡改&#xf…

Leetcode-?1358. 包含所有三種字符的子字符串數目?

Problem: 1358. 包含所有三種字符的子字符串數目 思路 滑動窗口 解題過程 滑動窗口&#xff1a;使用左右指針 l 和 r 維護一個窗口&#xff0c;窗口內字符的頻次由 cnt 記錄。 右指針擴展&#xff1a;右指針 r 不斷右移&#xff0c;將字符加入窗口并更新頻率。 左指針收縮&a…

iTunes 無法備份 iPhone:10 種解決方法

Apple 設備是移動設備市場上最先進的產品之一&#xff0c;但有些人遇到過 iTunes 因出現錯誤而無法備份 iPhone 的情況。iTunes 拒絕備份 iPhone 時&#xff0c;可能會令人非常沮喪。不過&#xff0c;幸運的是&#xff0c;我們有 10 種有效的方法可以解決這個問題。您可以按照以…

Unity 接入抖音小游戲一

目錄 一、搭建小游戲環境 二、接入抖音SDK 1.初始化 2.登錄 3.分享 4.添加到桌面 5.側邊欄功能 6. 接入流量主 三、完整代碼 下一篇傳送門 Unity 接入抖音小游戲二 -CSDN博客 一、搭建小游戲環境 我這邊因為沒有下載其他版本的Unity所以就先用2022.3.57f1了 大家還是下載…

Node.js 項目啟動命令全面指南:從入門到精通(術語版)

文章目錄 Node.js 項目啟動命令全面指南&#xff1a;從入門到精通一、核心啟動命令深度解析1. 基礎命令結構與執行機制2. 參數傳遞機制詳解 二、常用命令分類詳解1. 運行環境命令對比2. 質量保障命令詳解3. 構建部署全流程 三、高級配置實戰技巧1. 環境變量管理進階2. 命令組合…

創意風格行業PPT模版分享

極簡主題PPT模版&#xff0c;設計類PPT模版&#xff0c;快樂童年成長PPT模版&#xff0c;教育機構通用PPT模版&#xff0c;創意風格行業PPT模版 創意風格行業PPT模版分享&#xff1a;https://pan.quark.cn/s/3bac52e09479

Java + Spring Boot + MyBatis 枚舉變量傳遞給XML映射文件做判斷

枚舉定義 ReagentStatus.java package com.weiyu.utils.enums;import lombok.Getter;/*** 試劑狀態枚舉*/ Getter public enum ReagentStatus {// 常規REGULAR,// 少庫存LESS_INVENTORY,// 零庫存ZERO_INVENTORY,// 將過期WILL_EXPIRE,// 已過期EXPIRED,// 已注銷LOGGED,// 全…

華為云Flexus+DeepSeek征文 | 華為云CCE容器高可用部署Dify高可用版實測:從0到1的高可靠應用實踐

引言 隨著大語言模型&#xff08;LLM&#xff09;技術的爆發&#xff0c;如何快速構建具備高可用、彈性擴展能力的AI應用開發平臺&#xff0c;成為企業數字化轉型的關鍵命題。華為云依托其云原生基礎設施&#xff0c;推出CCE容器高可用版Dify部署方案&#xff0c;通過“一鍵部…

c++_cout的理解和使用

問題引入 cout << (uf.is_same_set(x, y)) ? Y : N<<endl; 請問大家&#xff0c;這條語句對嗎&#xff1f;&#xff08;這里的uf.is_same_set(x, y)是一個自定義函數&#xff0c;返回bool值&#xff1b;所以不是問題的關鍵&#xff09;》 答案是這條語句報錯了…

山東大學項目實訓-創新實訓-法律文書專家系統-項目報告(八)

項目實訓博客 : 項目后端架構 , 項目的四端交互(前端 ,后端 ,模型端 ,數據庫)的開發和維護 , 項目功能總覽 作為項目的后端和前端交互功能主要開發者,我需要對項目的四端交互進行開發和維護. 總覽: 整體項目結構如圖所示: 前后端的交互: 前端封裝了request.js : 方便前端…

12.8Java Swing 中的MVC

在 Java Swing 中&#xff0c;MVC 模式被廣泛應用。例如&#xff0c;JTable、JList 等組件都采用了這種模式。通常&#xff1a; 模型&#xff1a;實現特定的 Swing 模型接口&#xff08;如 TableModel、ListModel&#xff09;。視圖&#xff1a;是 Swing 組件本身&#xff08;…