使用PM2搭建在線vue.js開發環境(以守護進程方式熱啟動)

項目以vue.js+layUI的作為前端開發技術棧,需要有一個在線的環境供項目成員實時查看效果,總不能每次都webpack打包發布后才能看到效果吧!剛開始就簡單使用npm run dev命令熱啟動,但是shell命令窗口退出后,熱啟動也就失效了!不能電腦一直都不關吧,后面考慮到用守護進程的方式運行熱啟動命令,就想到有一個好的進程管理工具,就是PM2。

1. pm2 是什么?

日常開發中需要啟動一個node項目,需要用npm run …,,如果終端被關掉,程序也就自動停止,有時候幾個項目一起跑起來,好幾個終端開著,個人不太喜歡,有一神器可以解決:pm2。pm2 是一個帶有負載均衡功能的Node應用的進程管理器.當你要把你的獨立代碼利用全部的服務器上的所有CPU,并保證進程永遠都活著,0秒的重載, PM2是完美的。它非常適合IaaS結構,但不要把它用于PaaS方案。

2.全局安裝

npm install -g pm2

3.日常使用

由于node的百花齊放,啟動一個網站的辦法,也會有很多種。這里先以:npm run dev為例:

首先查看項目的package.json文件:

  "scripts": {"dev": "node build/dev-server.js --env=local","start": "node build/dev-server.js --env=local","build": "node build/build.js --env=publish","build-local": "node build/build.js"},

npm run dev 實際就是運行node腳本文件:dev-server.js,

可以用pm2啟動:pm2 start build/dev-server.js,可以給這個進程取一個自己記得能理解的名字:pm2 start build/dev-server.js --name XXX,(XXX是你定義的名字)

如果你的node項目配置文件和以上代碼不一樣,,,莫急,pm2 也是有辦法可以啟動的(個人覺得這是一個萬能的啟動的方法):

pm2 start npm -- run XXX

用她替代:npm run dev,就可以寫成:pm2 start npm -- run dev,項目啟動:

雖然項目啟動了,但是名字并不是我想要的(我需要個自己能記得住的名字,并且是一個項目一個專屬name),這時候可以用:

pm2 start npm --watch --name webpack-agent -- run dev

OK pm2的日常還有些常用指令,如:

查看所用已啟動項目:

pm2 list

重啟:

pm2 restart XXX(項目名稱)

停止:

pm2 stop XXX(項目名稱)

刪除

pm2 delete XXX(項目名稱)

?

如果不記得了,直接在控制臺輸入:pm2,控制臺會給出日常指令,并且會對這些指令給出對應說明:

?

?本文轉自https://www.cnblogs.com/wangrongxiang/p/7909885.html

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

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

相關文章

微信小程序工具類

wechat-common-sdk ? 場景:目前工作中的項目需要包含并使用另一個項目。 也許是第三方庫,或者你獨立開發的,用于多個父項目的庫。 現在問題來了:你想要把它們當做兩個獨立的項目,同時又想在一個項目中使用另一個。 我…

zabbix實現mysql數據庫的監控

先來介紹zabbix中幾個常用的術語: 主機(host): 要監控的網絡設備,可由ip或DNS名稱指定。 主機組(host group): 主機的邏輯容器,可以包含主機和模板&#xff…

VSCode配合eslint進行JavaScript質量檢查

寫在開始前:如有不準確的地方希望大家提出,文章可以改知識不能錯。 創建一個項目 這里已node項目為例 npm init 根據提示填寫相關信息 安裝eslint npm install eslint --save也可以全局安裝 npm install eslint -g初始化 eslint文件 eslint --init執行命…

未找到導入的項目,請確認 Import 聲明中的路徑正確

VS2017打開以前vs版本開發的項目 <Import Project"$(MSBuildBinPath)\Microsoft.CSharp.targets" /> <Import Project"$(MSBuildExtensionsPath)\Microsoft\VisualStudio\v12.0\WebApplications\Microsoft.WebApplication.targets" /> 修改V12…

修改Jupyter的工作空間

修改Jupyter的工作空間 1、安裝Jupyter Notebook 剛安裝完并配置好Sublime Text 3后被學長推薦使用Jupyter notebook&#xff0c;于是就想著看看試試有沒有他說的那么好。 安裝&#xff1a;命令行直接pip install jupyter(前提是先安裝好了python和pip) 2、安裝完后困惑 這么大…

bzoj [Usaco2009 Hol]Cattle Bruisers 殺手游戲

Description Input 第1行輸入N&#xff0c;R&#xff0c;BX&#xff0c;BY, BVX&#xff0c;BVY&#xff0c;之后N行每行輸入四個整數Xi&#xff0c;Yi&#xff0c;VXi&#xff0c;VYi&#xff0e; Output 一個整數&#xff0c;表示在逃脫過程中&#xff0c;某一個時刻最多有這…

Visual Studio Code 使用 ESLint 增強代碼風格檢查 - gyzhao - 博客園

前言 在團隊協作開發中&#xff0c;為了統一代碼風格&#xff0c;避免一些低級錯誤&#xff0c;應該設有團隊成員統一遵守的編碼規范。很多語言都提供了Lint工具來實現這樣的功能&#xff0c;JavaScript也有類似的工具&#xff1a;ESLint。除了可以集成到構建工具中(如&#x…

CS 325 HW

代做CS 325作業、代寫C, C/Python編程設計作業、代做Python/c實驗作業CS 325 – HW 51. (6 points) Consider an undirected graph G(V,E) with nonnegative edge weights w(u,v)0. Supposethat you have computed a minimum spanning tree G, and that you have also computed…

express下使用ES6 - dtdxrk - 博客園

express下使用ES6 1 2 3 4 5 6 7 8 9 //環境切換配置 package.json scripts:{ "service": "NODE_ENVproduction PORT3000 npm start" } //node js判斷 var app express(); app.get(env) production 原文地址&#xff1a;https://segmentfault.com/a…

java中的內部類詳解

https://www.cnblogs.com/dolphin0520/p/3811445.html https://www.cnblogs.com/chenssy/p/3388487.html轉載于:https://www.cnblogs.com/codeLei/p/9934195.html

eclipse下使用git插件上傳代碼至github

eclipse下使用git插件上傳代碼至github 1.eclipse下安裝git 正常情況下&#xff0c;eclipse 是自帶 git 插件的&#xff0c;那么即可跳至步驟1的最后一小步&#xff0c;配置 git 。 如果十分悲劇&#xff0c;你的 eclipse 中見不到 git 的身影&#xff0c;那么也沒關系&#…

VS(C++)配置Halcon(一次配置,永久使用)

【說明】只需配置一次&#xff0c;以后新項目無需再次配置。 本教程是64位版本&#xff0c;32位可參考本教程。VS與Halcon無論哪個版本&#xff0c;都可參考本教程。 【步驟】以VS2015Halcon18.11為例 1、新建一個C|Win32控制臺應用程序項目 2、視圖|其他窗口|屬性管理器 在 De…

(轉)msys2使用教程

一、安裝 官方下載地址 http://www.msys2.org/ 指定好安裝路徑&#xff08;一般D根目錄即可&#xff09;&#xff0c;一路下一步就好。 二、配置國內鏡像、設置窗體修改顏色 使用[清華大學開源軟件鏡像站]中的地址&#xff0c;修改\etc\pacman.d目錄下的三個文件。 配置教程 ht…

簡單使用Git和Github來管理自己的代碼和讀書筆記

簡單使用Git和Github來管理自己的代碼和讀書筆記 以前不知道使用代碼管理工具&#xff0c;最后寫的一些東西都沒有了&#xff0c;由于硬盤壞了或者不小心格式化了之類的&#xff0c;后來使用了Git 和Github來托管自己的代碼和讀書筆記方便了不少&#xff0c;到哪里只要有網就可…

android 資源

在進行APP開發的過程當中&#xff0c;會用到許多資源&#xff0c;比如&#xff1a;圖片&#xff0c;字符串等。現對android資源知識進行簡單記錄。 具體的詳細信息及用法&#xff0c;點擊查看官方文檔 分類 一般android資源分為可直接訪問的系統資源和不可直接訪問的原生資源 r…

virtualbox 采用 NAT 還是 BRIDGE

正如標題所言&#xff0c;其實這兩個都可以讓虛擬機上網&#xff0c;但是還是有些差別的。 選擇NAT的話&#xff0c; 虛擬機之間無法PING通 虛擬機可以PING通主機 主機無法PING通虛擬機 這是因為虛擬機不能在網絡里擁有自己的IP&#xff0c;它是借助主機才能上網。 選擇橋接的話…

vue 集成html5 plus - 懶懶de尐彪 - 博客園

首先要安裝一個包 vue-html5plus npm i vue-html5plus -S 然后配置這個文件 在main.js添加一串代碼 var onPlusReady function (callback, context this) { if (window.plus) { callback.call(context) } else { document.addEventListener(plusready, callback.bind(cont…

ssh整合學習(1)

Hibernate框架 1 hibernate核心配置文件 &#xff08;0&#xff09;orm思想 -對象關系映射 &#xff08;1&#xff09;數據庫信息 &#xff08;2&#xff09;hibernate信息 &#xff08;3&#xff09;映射配置 &#xff08;4&#xff09;hibernate核心配置文件 -如果單純使用hi…

MongoDB在不同主機間復制數據庫和集合的教程_MongoDB_腳本之家

MongoDB在不同主機間復制數據庫和集合的教程 更新時間&#xff1a;2016年07月04日 15:49:51 作者&#xff1a;lucifercn MongoDB自帶了clone一族JavaScript函數來進行數據的復制,這里我們總結了MongoDB在不同主機間復制數據庫和集合的教程,列舉出了一些主從復制操作中常用…

2018-2019-2 網絡對抗技術 20165305 Exp6 信息搜集與漏洞掃描

1.實踐目標 掌握信息搜集的最基礎技能與常用工具的使用方法。 2.實踐內容 &#xff08;1&#xff09;各種搜索技巧的應用 &#xff08;2&#xff09;DNS IP注冊信息的查詢 &#xff08;3&#xff09;基本的掃描技術&#xff1a;主機發現、端口掃描、OS及服務版本探測、具體服務…