文档章节

JS服务端系列-nodejs+express+ejs+mongodb+工具webstorm环境搭建

透笔度
 透笔度
发布于 2015/08/04 12:01
字数 755
阅读 742
收藏 5

1、访问官方网站下载nodejs windows版并安装,http://nodejs.org/#download

 (nodejs集成npm,我的是安装在d:nodej下,系统win7 32位)

运行 – cmd  运行– d:   切换到d盘)  cd nodejs(切换到nodejs目录); -g 全局安装设置

2 node -v    查看node版本 (显示表示安装成功)

3 npm -v  查看npm版本 (显示表示安装成功)

4 npm install express  安装express

5.npm install express-generator      4.0以上必须安装模块 否则express命令不可用 6.npm uninstall express   卸载express

7 express -V          查看express版本 v大写 (显示表示安装成功)

8.npm install ejs 安装ejs模板引擎 (node-modules目录下是否存在)

9.npm install supervisor   每次修改代码后会自动重启

10 express ejs appdu       express框架创建项目,默认是jade引擎,ejs命令改成ejs引擎 appdu是项目名称  -e也表示ejs命令

11. express项目结构

app.js: 项目入口

 node_modules: 存放项目的依赖库

package.json: 项目依赖配置及开发者信息

public: 静态文件如 css,js,img

routes: 路由文件

 Views: 页面文件(Ejs或者jade的模板,默认是jade,已经设置为ejs)

12 cd appdu 转到新建项目目录

13 npm install 执行安装,读取package.json文件,安装模块依赖

14 npm start 还是在项目目录下,启动项目,自动搜索bin/www文件

15 浏览器输入http://localhost:3000/ 端口默认是3000,在bin/www文件下,可修改

16.为了更方便的开发项目,安装webstorm ,有良好的对nodejs支持破解版 http://www.jb51.net/softs/171905.html 下载 安装配置webstorm+nodejs环境

打开webstorm  文件-设置-nodejs and npm  右侧窗口会自动搜索到已安装的nodejs路径,点击安装就好,都是自动获取。

17 mongodb 安装 官网下载 https://www.mongodb.org/downloads 安装目录默认 c: Program Files/MongoDB 2.6 Standard/bin

18 cd Program Files/MongoDB 2.6 Standard/bin     指向到mongodeb目录

 19 mongod -dbpath "d:/Nodejs/nodetest1"     创建mongodb数据库并指定路径,我的在 d:/Nodejs/nodetest1下

 20 再打开一个cmd窗口 命令: cd Program Files/MongoDB 2.6 Standard/bin  下

 21 命令 start mongo 启动mongodb数据库,会打开一个mongo.exe窗口

22 use xxx         xxx代表数据库名称,数据库存放在指定的-dbpath下,如果没有xxx新建

23 show collections   显示数据库下的集合(数据表)

24 db.usercollection.insert({ "username" : "testuser1", "email" : "testuser1@testdomain.com" })

向集合 usercollection 插入数据 { "username" : "testuser1", "email" : "testuser1@testdomain.com" }

没有usercollection集合新建,名称自定义

 25 db.usercollection.find().pretty()  

查找当前集合中所有的内容, 并回车显示(db代表当前use的数据库)

26 敲入: newstuff = [{ "username" : "testuser2", "email" : "testuser2@testdomain.com" },  { "username" : "testuser3", "email" : "testuser3@testdomain.com" }]

创建多条数据,json形式 命令:

 db.usercollection.insert(newstuff);  再将插入另外2条数据

 

到这里语言nodejs、管理工具npm、web框架express、模板引擎ejs、数据库mongode、开发软件webstorm就全部安装好了!

© 著作权归作者所有

透笔度
粉丝 79
博文 128
码字总数 235452
作品 0
朝阳
前端工程师
私信 提问
JavaScript语言基础-环境搭建

我们要想编写和运行JavaScript脚本,则需要:JavaScript编辑工具和JavaScript运行测试环境。下面我们分别介绍一下。 JavaScript编辑工具 JavaScript编辑工具最简单的可以使用一些文本编辑工具...

智捷课堂
2015/03/12
0
0
Dart Web开发环境搭建及新建运行项目

版权声明:本文为博主原创文章,转载需注明出处。 https://blog.csdn.net/jay100500/article/details/88562450 Dart Web开发环境搭建及新建运行项目 Dart除了可以使用Flutter进行移动应用开发...

范特西_jay
03/14
0
0
WebStorm 2016.3 EAP 更新,集成 Protractor

WebStorm 2016.3 EAP (163.6957) 发布了,如果有安装EAP(163.6512)的,应该很快会在EAP收到一个关于更新的通知。 WebStorm是jetbrains公司旗下一款商业的JavaScript 开发工具。被JS开发者誉...

王练
2016/10/28
2.5K
4
搭建Cocos2d-JS开发环境

使用Cocos2d-JS引擎开发游戏,主要的程序代码是JavaScript语言,因此,凡是能够开发JavaScript语言工具都适用于Cocos2d-JS游戏开发。本书我们推荐WebStorm和Cocos Code IDE工具。 搭建WebSt...

智捷课堂
2015/03/18
0
0
WebStorm 9正式发布——优越而简单

WebStorm 9带了更多引人注目的新特性。包括支持目前最热门、最强大的开发框架及应用库。并在WebStorm 9集成新的工具和改进性能。这次WebStorm 9正式发布,集合之前测试版的信息,整体给开发者...

kouxunli1
2014/10/31
0
0

没有更多内容

加载失败,请刷新页面

加载更多

SpringBoot系列教程JPA之新增记录使用姿势

SpringBoot系列教程JPA之新增记录使用姿势 上一篇文章介绍了如何快速的搭建一个JPA的项目环境,并给出了一个简单的演示demo,接下来我们开始业务教程,也就是我们常说的CURD,接下来进入第一...

小灰灰Blog
32分钟前
2
0
大话文本检测经典模型:Pixel-Anchor

文本检测是深度学习中一项非常重要的应用,在前面的文章中已经介绍过了很多文本检测的方法,包括CTPN(详见文章:大话文本检测经典模型CTPN)、SegLink(详见文章:大话文本检测经典模型Seg...

雪饼
35分钟前
0
0
手把手教你写一个RPC

1.1 RPC 是什么 定义:RPC(Remote Procedure Call Protocol)——远程过程调用协议 ,RPC协议假定某些传输协议的存在,如TCP或UDP,为通信程序之间携带信息数据。在OSI网络通信模型中,RPC...

我最喜欢三大框架
44分钟前
1
0
系统监控-SpringBoot四大神器之Actuator

1. 为什么要使用Actuator来监控SpringBoot项目? 首先之前博客提到过使用JDK自带的JVM监控工具、Psi-Probe Tomcat监控工具以及Javamelody,也提到了Psi-Probe的强大,但是Psi-Probe针对jar包...

秋日芒草
46分钟前
5
0
pip通过setup.py和git仓库安装package

安装setup.py配置文件中的包 进入到setup.py所在目录 pip install -e . 1 安装git仓库中的包 pip install git+git clone 仓库地址.git 1 python代码打包为whl格式 python setup.py bdist_wh...

dillonxiao
47分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部