使用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

使用PM2搭建在线vue.js开发环境（以守护进程方式热启动）相关推荐

vue 不会热启动_使用PM2搭建在线vue.js开发环境（以守护进程方式热启动）
项目以vue.js+layUI的作为前端开发技术栈,需要有一个在线的环境供项目成员实时查看效果,总不能每次都webpack打包发布后才能看到效果吧!刚开始就简单使用npm run dev命令热启动,但 ...
[vue-cli]不用vue-cli，你自己有搭建过vue的开发环境吗？流程是什么？
[vue-cli]不用vue-cli,你自己有搭建过vue的开发环境吗?流程是什么? 基本概念首先先了解先webpack的基本概念,webpack属于一个构建工具,主要有mode.entry.out ...
Vue.js学习总结（1）——Windows下Vue.js开发环境搭建
Vue.js是一套构建用户界面的 "渐进式框架".与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计.Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已 ...
Vue.js开发环境搭建的介绍
包含了最基础的Vue.js的框架,包含了打包工具和测试工具,开发调试的最基本的服务器,不需要关注细节,只需关注Vuejs对项目的实现 npm在国内的网络使用较慢,所以推荐下载安装淘宝的镜像 1: 2: ...
vue.js开发环境搭建
环境准备 Node.js Javascript的运行时环境 npm Node.js下的包管理工具 webpack 前端资源模块化管理和打包工具 vue-cli 脚手架构建工具 cnpm npm的淘宝镜 ...
用 cooking 搭建一个简单又优雅的 Vue 项目开发环境 (入门篇)
本文适合 Vue 的初学者,以及对 webpack 不熟悉的同学阅读.前提是你要会用基本的命令行. Node 和 NPM,以及掌握 ES2015 的基础知识.本文都是在 macOS 环境下运行,要求使 ...
从零开始搭建webpack的vue生产/开发环境
一.初始化项目在命令行中敲入如下命令: mkdir Webpack-Vue && cd Webpack-Vue && npm init -y 然后你就可以在你的当前路 ...
计算机系统的搭建步骤,电脑搭建Node.js开发环境的操作教程[多图]
电脑如何搭建Node.js开发环境?近日有用户询问怎么在Win7系统电脑上搭建Node.js开发环境,今天教程之家就给大家分享Node.js开发环境的搭建教程. 操作步骤: 1.下载Node.js官方 ...
sublime67linter-php,Sublime Text 3 搭建 React.js 开发环境
Sublime有很强的自定义功能,插件库很庞大,针对新语言插件更新很快,配合使用可以快速搭建适配语言的开发环境. 支持ES6, React.js, jsx代码高亮,对 JavaScript, jQue ...

使用PM2搭建在线vue.js开发环境（以守护进程方式热启动）

使用PM2搭建在线vue.js开发环境（以守护进程方式热启动）相关推荐

最新文章

热门文章