在开发环境下,往往需要一个工具来自动重启项目工程,之前接触过 python 的 supervisor,现在写 node 的时候发现 supervisior 在很多地方都有他的身影,node 也有一个 npm 模块 supervisior 也是用来监控进程的,不过除了 supervisior 外,还有很多其他的工具,从 github 的评分上看,比较热门的有 forever,nodemon,node-dev,具体这些工具的区别可以参考这篇文章  Comparison: Tools to Autom…

在开发环境下,往往需要一个工具来自动重启项目工程,之前接触过 python 的 supervisor,现在写 node 的时候发现 supervisior 在很多地方都有他的身影,node 也有一个 npm 模块 supervisior 也是用来监控进程的,不过除了 supervisior 外,还有很多其他的工具,从 github 的评分上看,比较热门的有 forever,nodemon,node-dev,具体这些工具的区别可以参考这篇文章 Comparison: Tools to Automa…

一.gulp 安装 1. 全局安装: npm install -g gulp 2. 安装在项目开发环境: npm install gulp --save-dev 二.gulp-nodemon 和 gulp-livereload 安装 gulp-nodemon 是重启服务器的插件. gulp-livereload 后端控制前端同步刷新,不过需要依赖 chrome 插件 LiveReload 安装: npm install gulp-nodemon gulp-livereload --save-de…

上期 我们完成了nodeserver的创建 用的是express genrealtor那个工具 我们在server端执行 起来了 然后我们改一下 删一下 我们觉着暂时没用的东西 首先去app.js程序入口看看 删掉这些消息中间件 这个也删了吧 我们自己弄 删完长这样 var express = require('express'); var path = require('path'); var index = require('./routes/index'); var app = expre…

目录 前端部分 后端部分 create-react-app 是 React 官方为我们提供的一个单页应用脚手架,基于 webpack 配置了相关功能,babel. 图片处理.热加载.css 模块化.css 预处理器转换.代码分隔.生产构建.测试等.文档在这 create-react-app.强烈建议去看一看. 建议使用 npx create-react-app myapp 本地安装,而不是全局安装,以便更好的管理项目. 前端部分 在一定程度上来说,官方提供的脚手架已经接近完美了,接下来,扩展让它…

nodemon的安装使用 安装 npm i nodemon -D 配置 新建nodemon.json { "watch": "src/**/*.* } 修改package.json scripts: { "start": " nodemon src/app.js" } app.js 是入口文件,通过nodemon启动项目 二.express 安装使用 express 是基于 nodejs的Web应用开发框架,具有丰富的 API expr…

学习过程宝宝心里苦,不能怨政府.. 兴趣所致,一直放不下nodejs的学习,时隔多日,又把express捡起来打算重新再学学,一直没什么太大的长进,和实际的项目经验.真的醉了,太懒了. 今天在重新研究supervisor的时候,突然觉得这东西只有在服务端文件修改时才会触发刷新,前端样式文件模板等等刷新时不会, 能实现前端修改也自动刷新不?想想平时自己用gulp 搭虚拟服务器,用browser自动刷新,于是打算试试. gulp+browserSync 算是原来就有的,现在应该把目标分几步来实现,…

上篇我介绍了前端下webpack和react.redux等环境的配置,这篇将继续重点介绍后台node.js的配置. 这里是上篇链接:手把手教你webpack.react和node.js环境配置(上篇) 我把所有代码都放到了我的github上:webpack-react-express环境配置 server 后台这边的配置就简单了很多,我这里拿node.js的express框架来配置. express Express 是一个基于 Node.js 平台的极简.灵活的 web 应用开发框架,它提供一系…

备忘 1.配置 下载安装node.js node -v //检查nodejs版本   npm(nodejs package manager)nodejs包管理工具   nodejs完毕在命令行输入npm -v检验是否安装成功,并检查npm版本   2.安装淘宝cnpm镜像,以下的npm命令可由淘宝的cnpm代替,前提是你已经安装好了cnpm,理论上淘宝镜像安装各种插件速度更快 npm install -g cnpm --registry=https://registry.npm.taobao.o…

1. const port = process.env.PORT || 9001; 本地开发用9001端口 2. package.json中配置几个启动命令 "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "start": "node app.js",              //运…

window下nodejs用nodemon启动koa2项目(用cmd启动不了,要用Git Bash Here 启动才可以)nodemon --watch 'app/**/*' -e ts --exec 'ts-node' app.ts 环境变量配置,新增:NODE_ENV:development path顶部新增:.\node_modules\.bin\ cmd命令行报错''ts-node'' 不是内部或外部命令,也不是可运行的程序 环境变量添加项目具体位置,例如:D:\nodejsspace\…

配置多种场景 我们的系统是要在不同的环境下运行的,不同的环境可能是不同的端口号,不同的数据库地址,数据库用户和密码, 并且可能有的需要自动重启有的不需要自动重启. 我们在有一个配置的时候是无法满足这么多的场景的,所以我们要为不同的场景做额外配置 场景的种类 场景的种类一般就以下几种 开发场景 真实场景 测试场景 debug场景 或者再有其他场景就做额外的添加,配制方法都是一样的 开始配置 配置环境 我们可以通过对环境的NODE_ENV赋值来区分不同的环境 我们在通过命令行在运行程序的时候对其进行…

1.安装nodemon: npm install -g nodemon //全局安装 npm install nodemon --save //局部安装 2.在项目根目录下创建 nodemon.json 文件 { "restartable": "rs", "ignore": [ ".git", ".svn", "node_modules/**/node_modules" ], "…

配置域名 在阿里云找到主域名 进入主域名之后,右上角添加解析,添加子域名, 记录类型选择cname,主机记录填写子域名的名称,记录值为主域名,至此阿里云已经配置好了. 检查nginx安装 首先检查服务器是否安装nginx: find / -name 'nginx.conf'  -ls 或者 ps -ef|grep nginx 安装nginx 如果没安装,则先安装 sudo apt-get update sudo apt-get install nginx 在根目录,进入服务器nginx目录下,…

版权声明:本文由金朝麟原创文章,转载请注明出处: 文章原文链接:https://www.qcloud.com/community/article/627049001486519548 来源:腾云阁 https://www.qcloud.com/community 原来用的React+Webpack时,那种同步压缩修改.实时动态刷新页面的感觉真的太棒了.但如果使用Express+ejs+less的话,配置webpack非常繁琐,所以,一番折腾后,于是有了Express+Less+Gulp的配置方案…

1. 在package.json中修改运行脚本 添加--exec babel-node 添加之后的效果为:(修改了8/10行) { "name": "nuxt-learn", "version": "1.0.0", "description": "My lovely Nuxt.js project", "author": "wqzhai", &qu…

在前面一篇文章中,使用openssl生成了免费证书 后,我们现在使用该证书来实现我们本地node服务的https服务需求.假如我现在node基本架构如下: |----项目 | |--- static # 存放html文件 | | |--- index.html # index.html | |--- node_modules # 依赖包 | |--- app.js # node 入口文件 | |--- package.json | |--- .babelrc # 转换es6文件 index.ht…

grunt-nodemon参数配置 nodemon0.2.0版本后参数名称做了较大改动,调整了下nodemon的参数配置,有需要的同学可以参考下: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 nodemon: {      dev: {           script: 'app.js',           options: {                args: [],                nodeArgs: ['--debug'],…

tip1:新建数据库 记得选 字符集和排序规则 utf8 -- UTF-8 Unicode utf8_general_ci 后台链接部分 1. 全局管理员安装 nodemon,后台热部署(右键 管理员运行cmd) npm install -g nodemon 2. 管理员安装插件(右键 管理员运行cmd) npm install 3. 修改 config.js 里面的配置文件,我写绝对ip不好使,先用 本机ip走着 HOST: '127.0.0.1', // 地址 192.168.40.54  …

阅读目录 一:nginx缓存配置 二:nginx开启gzip 回到顶部 一:nginx缓存配置 在前一篇文章,我们理解过http缓存相关的知识点, 请看这篇文章. 今天我们来学习下使用nginx服务来配置缓存的相关的知识. nginx配置缓存的优点:可以在一定程度上,减少服务器的处理请求压力.比如对一些图片,css或js做一些缓存,那么在每次刷新浏览器的时候,就不会重新请求了,而是从缓存里面读取.这样就可以减轻服务器的压力. nginx可配置的缓存又有2种:1)客户端的缓存(一般指浏览器的缓存)…

一.说一下 每次修改文件,我们都需要重启服务器npm start,很麻烦,所以使用引入nodemon插件,解决这个问题,实现保存文件,即自启动刷新项目 二.直接开码 npm install nodemon -g --save-dev 注释: -g:全局安装nodemon --save-dev:安装到本项目的dev开发环境依赖下 新增nodemon.json文件 nodemon.json代码如下: { "restartable": "rs", "ignore…

这个工具和node-supervisor基本上是一致的,但是其功能比较强大,个人觉得在开发环境还是用 nodemon,因为配置比较方便,文档也很清晰.所以这里先主要讲 nodemon. nodemon 的安装: npm install -g nodemon 安装完 nodemon 后,就可以用 nodemon 来代替 node 来启动应用: nodemon [project] [port] 如果没有在应用中指定端口,可以在命令中指定: nodemon ./server.js localhost…

作者 | Jeskson 来源 | 达达前端小酒馆 请求与上传文件 GET请求和POST请求 const express = require('express'); const app = express(); app.set('view', 'pug'); app.get('/', function(req,res){ // 输出响应消息 req.send('hello') }); app.get('/users/:gender', function(req,res){ // 获取路由参数 l…

慕课网前端工程师晋升课程 Vue全家桶+SSR+Koa2全栈开发美团网 视频里用 npx create-nuxt-app mt-app创建项目后,不能使用import ...from....跟着老师修改webpack.js里的文件.修改如下 "scripts": { "dev": "cross-env NODE_ENV=development nodemon server/index.js --watch server --exec babel-node&…

pm2 是一个带有负载均衡功能的 Node 应用的进程管理器. 1. pm2 主要特点 内建负载均衡(使用Node cluster 集群模块) 保持后台运行 进程守护,系统崩溃后自动重启 启动多进程,充分利用CPU和内存 自带日志记录功能 控制台检测 提供 HTTP API 2. pm2 安装及常用命令 安装 $ npm install pm2 -g // 全局安装 $ pm2 --version // 查看版本 pm2 命令 启动(入口文件为app.js, 配置文件为pm2.conf.json…

首先谨记 eslint的官网:  http://eslint.cn/ 1 安装eslint  npm i eslint -D 2.在根目录下新建文件 .eslintrc { "extends":"standard" //是一个json文件,整个项目的格式,标准格式 } 3.由于是限制前端格式,所以在 client文件夹下新建文件 .eslintrc { "parser":"babel-eslint",//默认用哪种工具去解析…

下载安装nodejs后进行如下配置: 修改模块安装位置和缓存位置在要存放的位置手动新建全局目录node_global在要存放的位置手动新建缓存目录node_cache执行如下命令:npm config set prefix D:\nodejs\node_globalnpm config set cache E:\nodejs\node_cachenpm config ls 查看配置信息 配置npm的环境变量和nodejs的环境变量右键计算机-属性-高级系统设置-高级选卡 点击“环境变量”按钮,点…

一.说一下 每次修改文件,我们都需要重启服务器npm start,很麻烦,所以使用引入nodemon插件,解决这个问题,实现保存文件,即自启动刷新项目 二.直接开码 npm install nodemon -g --save-dev 注释: -g:全局安装nodemon --save-dev:安装到本项目的dev开发环境依赖下 新增nodemon.json文件 nodemon.json代码如下: { "restartable": "rs", "ignore…

先解压安装 PHPStudy; 解压安装 Navicat 这个数据库可视化工具,并激活: 打开 Navicat 工具,新建空白数据库,名为 dtcmsdb4; 双击新建的数据库,连接上这个空白数据库,在新建的数据库上右键 -> 运行SQL文件,选择并执行 dtcmsdb4.sql 这个数据库脚本文件:如果执行不报错,则数据库导入完成: 进入文件夹 vuecms3_nodejsapi 内部,执行 npm i 安装所有的依赖项: 先确保本机安装了 nodemon, 没有安装,则运行 npm i no…

1.开发环境介绍 1.MEAN Stack 什么是全栈? 负责界面和UI的设计师.负责移动端应用开发的安卓IOS开发工程师.负责服务器端开发的后端程序员.负责数据库开发和管理的数据库工程师.负责服务器端环境搭建和管理的运维工程师,在不同的细分领域和公司命名大不相同 一个人承担各种方面的职责. Web全栈 HTML/CSS页面的构建 浏览器端的开发 服务器端的开发 数据库管理 服务器运维 JavaScript可以开发哪些栈? JavaScript Web全栈的最佳组合:MEAN Stack mon…