nodejs
在奋斗的大道
程序发烧友
展开
-
React.js 项目集成UI框架(Ant Design)
前提:本文基于:基于Node.js 搭建React.js开发环境第一步:React.js 项目集成UI框架(antd)执行如下命令:cnpm add antdC:\react_workspace\one>cnpm add antdnpm WARN @pmmmwh/react-refresh-webpack-plugin@0.4.2 requires a peer of type-fest@^0.13.1 but none is installed. You must install p原创 2020-12-20 20:04:38 · 757 阅读 · 0 评论 -
基于Node.js 搭建React.js开发环境
React.js简介:React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。特点: 1.声明式设计−React采用声明范式,可以轻松描述应用。 2.高效−React通过对DOM的模拟..原创 2020-12-20 19:48:16 · 1265 阅读 · 0 评论 -
NodeJS + Express HTML转PDF功能
NodeJS + Express HTML转PDF功能基于node.js express框架,借助html-pdf中间件,我们可以实现一个html转pdf功能。下面将利用node.js express框架实现一个文件上传和html转pdf功能,将上传的文件储存在项目下的tmp文件夹中,并且上传的html文件转换为pdf文件:1、使用html-pdf中间件实现html-pdf中间件是用来处理html转pdf转换.安装文件上传所需模块:npm install html-pdf参考文件原创 2020-09-15 18:02:40 · 3303 阅读 · 2 评论 -
NodeJS + Express 文件上传功能
NodeJS + Express 文件上传功能基于node.js express框架,借助multer或connect-multiparty中间件,我们可以实现一个文件上传功能。下面将利用node.js express框架实现一个文件上传功能,并将上传的文件储存在项目下的tmp文件夹中:1、使用multer中间件实现multer中间件是用来处理multiparty/form-data类型的表单数据,用于文件上传.安装文件上传所需模块:npm install body-parser mul原创 2020-09-15 17:51:22 · 5781 阅读 · 1 评论 -
VS Code 前端控件推荐
通用插件:HTML Snippets:超级实用且初级的 H5代码片段以及提示.HTML CSS Support:让 html 标签上写class 智能提示当前项目所支持的样式。新版已经支持scss文件检索Debugger for Chrome:让 vscode 映射 chrome 的 debug功能,静态页面都可以用 vscode 来打断点调试,真666~ 。jQuery Code Snippets:jquery 重度患者必须品,废话不多说,上图vscode-icon:...转载 2020-07-24 00:51:56 · 361 阅读 · 0 评论 -
NodeJS 智能提示控件Typings
Typings Git 源码地址:https://github.com/typings/typings第一步:Typings 工具的安装和使用:1、安装命令:cnpm install -g typings2、查看typings 版本信息:typings --version3、安装常用提示模块typings install dt~node --global --savetypings install dt~express --globaltypings insta原创 2020-07-24 00:19:49 · 1199 阅读 · 1 评论 -
NodeJs 检查对ES6 支持程度
第一步:检查本地是否安装Node.jsnode -v第二步:检查是否安装taobao cnpm(包管理工具)cnpm -v第三步:安装es-checkercnpm install -g es-checker第四步:检查Node.js 支持ES 6的程度es-checker截图如下:...原创 2019-03-28 17:21:09 · 4308 阅读 · 0 评论 -
NodeJs Express MySQL 搭建电影网站:第二期(MySQL 数据增删改查操作)
第一步:编辑相关页面路由信息,使用MySQL填充数据编辑movie/routes/index.js 文件var express = require('express');var router = express.Router();var db=require('./../db.js'); // 引入自定义DB 模块var bodyParser=require("body-pars...原创 2019-03-31 23:19:14 · 514 阅读 · 0 评论 -
NodeJs项目Express + MySQL 提示:Can't set headers after they are sent.
错误提示:Can't set headers after they are sent.错误意思:响应头文件未设置,数据已经发送错误代码:router.get('/', function(req, res, next) { var movies; db.DBConnection.query( 'select * from movie', function(err, resu...原创 2019-03-31 21:43:02 · 608 阅读 · 0 评论 -
NodeJs Express MySQL 搭建电影网站:第一期(搭建Express项目、路由构建、jade 页面构建和模拟数据)
效果展示:首页:详情页面:后台:电影添加页面后台:电影列表第一步:创建movie 应用express movie第二步:movie应用依赖第三方模块(MySQL + body-parser)cnpm install mysqlcnpm install body-parser编辑package.json 文件{ "name...原创 2019-03-31 20:39:21 · 853 阅读 · 0 评论 -
NodeJS 搭建图形识别功能
第一步:创建项目存储路径(C:\node_workspace),创建NodeJs 项目(image_reco) 并初始化cdC:\node_workspacemkdirimage_recocnpm init第二步:图形识别依赖模块介绍和本地安装node-images: Node.js 轻量级跨平台图像编解码库tesseract.js: 纯 JS 的 OCR 库支持 62 种...原创 2019-03-29 17:57:23 · 5294 阅读 · 1 评论 -
NodeJs 安装Express模块
第一步:检查NodeJs 的版本node -v第二步:判断本地是否安装expressexpress --version第三步:全局安装expresscnpm install -g express第四步:全局安装express-generator (最新express4.0版本中将命令工具已经分离出来)cnpm install -g express-generator...原创 2019-03-28 17:48:15 · 6725 阅读 · 0 评论 -
NodeJs 自动升级过期的包(package.json)
第一步:使用npm 命令查看已经过期的安装包cnpm outdated第二步:安装npm升级插件cnpm install -g npm-check-updates第三步:查看最新的版本命令ncu第四步:升级低版本的npm包文件ncu -u到此升级工作就完成了。截图如下:...原创 2019-03-28 18:00:05 · 1594 阅读 · 0 评论 -
Nodejs 基于Express 模块,搭建Web项目
第一步:判断是否安装expressexpress --version第二步:进入工作空间(C:\express_workspace),创建ios 项目cdC:\express_workspaceexpress ios第三步:安装web 项目依赖模块cnpm install第四步:启动web 项目cnpm start截图如下:效果展示:...原创 2019-03-28 18:06:09 · 863 阅读 · 0 评论 -
Nodejs Express 视图引擎jade 替换为html
express 项目生成默认的视图引擎为jade,当时在开发中,我偏爱html 页面,所以本文今天介绍如何将express 默认视图引擎jade 替换为html.第一步:打开项目的app.js 文件,app.js 部分内容如下:var createError = require('http-errors');var express = require('express');var p...原创 2019-03-29 09:29:47 · 980 阅读 · 0 评论 -
NodeJs Express 项目 添加第三方模块(mongodb)
NodeJs Express 项目集成第三方模块,基本流程如下,我们这里以express 集成mongodb 为例。第一步:切换至express 项目存储路径,通过express 创建项目:cdC:\express_wrokspace #切换至express 项目存储路径express ios #通过express 命令创建ios 应用cd ios # 进入ios 应用...原创 2019-03-29 09:43:04 · 764 阅读 · 0 评论 -
NodeJs Express Mongodb 实现简单用户注册、登入和查询功能
第一步:本机安装Mongodb,并设置为Windows 服务1、Mongodb 官网下载地址:http://www.mongodb.org/downloads2、添加Mongodb 的全局环境变量3、将Mongodb 设置为Windows 服务,执行如下代码:mongod -dbpath "C:\Program Files\MongoDB\data" -logpath "C:\P...原创 2019-03-29 10:26:19 · 4285 阅读 · 1 评论 -
NodeJs Express MySQL 实现用户简单注入
第一步:使用express 创建student 应用express student # 创建student 应用第二步:student 应用依赖第三方功能模块(mysql 和 body-parser)mysql :mysql 数据库连接body-parser:解析post请求的参数本地安装第三方模块(mysql 和 body-parser)cnpm install mys...原创 2019-03-29 12:14:13 · 791 阅读 · 0 评论 -
NodeJs Express 爬取百度新闻
第一步:使用express创建reptile应用expressreptile第二步:reptile应用依赖的第三方模块(superagent 和cheerio)superagent:superagent是node里一个非常方便的、轻量的、渐进式的第三方客户端请求代理模块,用他来请求目标页面cheerio:相当于node版的jQuery,用过jQuery的同学会非常容易上手。它主要...原创 2019-03-29 16:35:07 · 1860 阅读 · 0 评论 -
NodeJs Electron 搭建基础桌面应用
Electron 概述 Electron为用纯JavaScript创建桌面应用提供了运行时。原理是,Electron调用你在package.json中定义的main文件并执行它。main文件(通常被命名为main.js)会创建一个内含渲染完的web页面的应用窗口,并添加与你操作系统的原生GUI(图形界面)交互的功能。第一步:基于NodeJs 环境,创建NodeJs...原创 2019-03-29 14:50:08 · 1163 阅读 · 0 评论 -
window 操作系统下安装git 图解
Git是一个免费的、开源的版本控制软件。在Windows上安装git,一般为msysgit,官方下载地址为http://code.google.com/p/msysgit/downloads/list工具/原料win7、msysgit方法/步骤1下载:在官方网站下载最新版本。步骤阅读原创 2014-03-04 13:23:28 · 715 阅读 · 0 评论 -
基于NodeJS的14款Web框架
在几年的时间里,Node.js逐渐发展成一个成熟的开发平台,吸引了许多开发者。有许多大型高流量网站都采用Node.js进行开发,像PayPal,此外,开发人员还可以使用它来开发一些快速移动Web框架。下面就介绍14款基于Node.js的Web应用框架,大家不妨过来看看有没有适合你的那一款。1.PrimusPrimus,是Transformer的创造者,并且也被称为通用包装器转载 2014-03-26 13:54:18 · 828 阅读 · 0 评论 -
node.js学习教程之三:模块
什么是模块?原创 2014-07-20 01:28:58 · 1288 阅读 · 0 评论 -
Node.js学习笔记之一:windows7 搭建Node.js
Windows安装指南要在Windows上安装Node.js的是很容易的。你只需要抓住一个安装包从他们的网站,并运行它。下载Windows Installer(.msi)额,如果你是64位的下载对应的64位的就好。原创 2014-07-19 22:38:16 · 1012 阅读 · 0 评论 -
Node.js学习教程之二:node.js的HelloWorld
在Node.js学习教程之一中,已经成功的搭建了原创 2014-07-19 23:19:31 · 607 阅读 · 0 评论 -
nodejs学习教程 nodejs express模块安装
npm作为一个NodeJS的模块管理,之前我由于没有系统地看资料所以导致安装配置模块的时候走了一大段弯路,所以现在很有必要列出来记录下。①、我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立"node_global"及"node_cache"两个文件夹。如下图:原创 2014-07-27 00:47:17 · 1436 阅读 · 0 评论 -
nodejs 安装express 提示不是内部或外部命令
安装nodejs安装包后,通过npm安装express后,运行express提示" express"不是内部或外部命令。如下截图:原创 2014-09-27 20:53:52 · 888 阅读 · 0 评论 -
nodejs编辑工具-----nodeclipse安装和配置
说明:本人OS为64位windows7 Eclipse开发环境搭建前提条件:1)Node.js已安装ok,环境变量已配置,可以使用node -v来校验是否安装和配置成功(打开cmd命令窗口,输入node -v,如果正确安装正确,则会输出安装的Node.js版本号);成功了以后,在命令窗口下执行命令: npm -v ,若Node.js安装成功的话,npm也是安装成功的,因为Node.js原创 2014-09-27 21:10:47 · 2326 阅读 · 0 评论 -
nodeclipse 搭建nodejs项目图解
说明:本人OS为64位windows7 Eclipse开发环境搭建前提条件:1)Node.js已安装ok,环境变量已配置,可以使用node -v来校验是否安装和配置成功(打开cmd命令窗口,输入node -v,如果正确安装正确,则会输出安装的Node.js版本号);成功了以后,在命令窗口下执行命令: npm -v ,若Node.js安装成功的话,npm也是安装成功的,因为Node.js已经自带原创 2014-09-27 21:29:47 · 2167 阅读 · 0 评论 -
win8 win10 安装msi 提示2502、2503的错误代码
本文转载至:http://blog.csdn.net/shuideyidi/article/details/46891559前言:归根到底是权限不够导致的。win7应该不会有这个问题。问题发生:换了个电脑,装个win10预览版玩玩,发现python的msi安装文件安装不了。错误代码是2502。其实我已经在win8上安装mysql的时候遇到过,那个时候解决转载 2017-03-15 09:17:45 · 658 阅读 · 0 评论 -
windows7 安装 nodejs
第一步:下载安装文件下载nodejs,官网:http://nodejs.org/download/,我这里下载的是node-v6.10.2-win-x64.zip,如下图第二步:安装nodejs下载完成之后,双击解压"node-v6.10.2-win-x64.zip",我解压在本地电脑的路径在D:\nodejs下面。打开cmd指令控制原创 2017-04-21 02:11:11 · 37361 阅读 · 1 评论 -
Windows7 系统下设置Nodejs NPM全局路径
Windows7下的Nodejs npm路径是appdata,很不爽,想改回来,但是在cmd下执行以下命令也无效npm config set cache "D:\nodejs\node\node_cache"npm config set prefix "D:\nodejs\node\node_global"最后在nodejs的安装目录中找到node_modules\npm\原创 2017-04-22 05:18:18 · 1688 阅读 · 0 评论 -
windows7 搭建Vue 开发环境
第一步:node.js 安装vue的安装依赖于node.js,要确保你的计算机上已安装过node.js。可进入cmd编辑器,输入命令 node -v进行查看。node尽量要用新一些的版本,否则后续安装会提示node版本过低。去node官网下个新版的node重新安装就可以。如已成功安装node会出现如下:第二步:淘宝cnpm 安装 npm install -g cnpm --re原创 2017-04-22 05:45:35 · 11774 阅读 · 3 评论 -
nodejs 使用express 搭建简单前端demo
Express是基于Ndejs的前端框架,使用其可以简洁快速的创建健壮友好的API服务。在前端或移动端的开发过程中,可以借助Express的这项功能模拟API数据,方便开发调试。Express是基于nodejs平台,因此在安装Express之前,需要先安装Nodejs。使用以下指令判别操作系统中是否已经安装nodejs 指令:node -v如果在本机中还未安装nod原创 2017-06-16 01:41:48 · 9229 阅读 · 1 评论 -
nodejs 引用外部功能模块
目标:1、学习req.query的用法。2、学习建立package.json来管理Node.js项目。前提:package.json :定义Nodejs 项目的各种元素,包括项目的名称、git repo的地址、作者信息等等。最重要的功能,定义Nodejs项目依赖那些功能模块。示例代码:1、创建一个lesson2文件夹,并在该文件中生成package.json原创 2017-06-17 01:40:46 · 4767 阅读 · 0 评论 -
Vue 项目 引入第三方饿了吗组件(ElementUI)
第一步:新建Vue 项目(详细创建步骤请参考:http://blog.csdn.net/zhouzhiwengang/article/details/70344522)#创建一个基于webpack模板的新项目vue init webpack d:\nodeworkspace\nodeone# 切换至项目路径cd d:\nodeworkspace\nodeone# 安装项目依赖文件cn原创 2017-07-07 03:18:18 · 22410 阅读 · 0 评论 -
NodeJs 项目基础架构搭建
第一步:创建项目存储路径(C:\node_workspace),创建NodeJs 项目(mongodb_desk) 并初始化C:\>mkdir node_workspaceC:\>cd node_workspaceC:\node_workspace>mkdir mongodb_deskC:\node_workspace>cd mongodb_deskC...原创 2019-03-29 14:36:13 · 1306 阅读 · 0 评论