一、配置开发环境:

1、先安装node

(1)、访问http://nodejs.org打开安装包,正常安装,点击next即可。

  为了测试是否安装成功,打开命令提示符,输入node,则进入node.js交互模式,如图:

  

  通过这种方式安装node.js还自动附带了npm

(2)、安装node.js包管理器(Express)

  新开一个命令行窗口

  在命令行输入 npm install -g express

  

Express 目录结构 t-1

目录/文件 说明
./  根目录,我们的node.js代码都会方这个目录
 package.json   npm依赖配置文件, 类似ruby中的Gemfile, java Maven中的pom.xml文件. 一会需要在这里添加 markdown-js 项目依赖
 app.js  项目的入口文件

public/

javascript/

stylesheets/

images/

 存放静态资源文件, jquery/prettify.js等静态库会方这里,当然自己编写的前端代码也可以放这里
 views/   模板文件, express默认采用jade, 当然,你也可以使用自己喜欢的haml,JES, coffeeKup, jQueryTemplate等模板引擎
 node_modules/  存放npm安装到本地依赖包,依赖包在package.json文件中声明,使用npm install指令安装

2、安装mongodb:

(1)、访问http:www.mongodb.org,下载安装包;

(2)、在D盘新建MongoDB文件夹(此文件夹为自定义的数据库安装目录D:\MongoDB)把刚才下载的压缩包解压并把bin文件夹拷贝到MongoDB文件夹;

(3)、在MongoDB文件夹内新建logs文件夹(用于存储日志文件D:\MongoDB\logs),并在此文件夹内新建空文件mongodb.log。

(4)、在MongoDB文件夹内新建data文件夹(用于存放数据库文件D:\MongoDB\data);

(5)、启动MongoDB:

以系统管理员身份运行cmd,切换至D:\MongoDB\bin目录输入mongod.exe --dbpath=d:\mongodb\data。如看到控制台最后一行类似Tue Oct 09 11:50:55 [websvr] admin web console watiing for connections on port 28017说明启动成功(MongoDB占用系统28017端口) 。

6、测试MongoDB:
以管理员身份新建一个cmd窗口,进入MongoDB的bin目录输入mongo,如出现connecting to:test说明测试通过。

当建立node工程的时候,会发现出现如下错误:

应该接着测试:

(1)、输入mongo ,如:

出现:

一般这种情况就是:自己指定的数据库,所以不能。自动加载服务。第二次就不能连接了

每次启动前,自己手动,指定下自己,指定的,数据库

输入:mongod --dbpath d:/mongodb/data(d:/mongodb/data为自己定义的数据库路径)

然后Shell会显示连接成功:

(2)、新开一个shell,在shell中找到mongo当前安装路径,输入mongo,测试数据库是否连接:

(3)、注册MongoDB为系统服务,即每次开启计算机即启动mongodb,输入如下命令:( 如果需要卸载该服务,使用“sc delete MongoDB”即可)

注意:这里要用管理员身份(C:\Windows\System32)进去才能设置(下面代码不要换行)

C:\Windows\system32>mongod --logpath D:/mongodb/logs/mongodb.log --logappend --dbpath D:/mongodb/data --directoryperdb --serviceName MongoDB --install

(4)、用管理员身份启动mongodb服务:输入:net start MongoDB

然后在项目中运行mongodb,就不会出现连接错误了。。。。。。

安装以上步骤,从:

到:

在计算机进程中能看到:

(5)、当我们关闭所有的shell,再次运行工程时,发现再次连不上mongodb ,还得用管理员身份重新启动mongodb 服务,进入管理员权限(shell邮件,以管理员身份登录),然后输入:net stop mongodb,然后到D:\mongodb\data路径下删除mongod.lock文件,再次开启shell,以管理员身份登录,输入:net start mongodb,就不用每次手动启动mongodb服务了。

3、安装webstrom

访问http://www.jetbrains.com/webstorm/download/

下载webstorm安装包

点击正常安装, 再到网上搜索注册码即可。

假若你不喜欢webstorm的主题,可以选中File→Settings→Appearance→Theme,选择你喜欢的主题

假若你不喜欢webstorm的字体,可以选中File→Settings→Editor→Colors & Fonts,选择你喜欢主题名字:

再点开Colors & Fonts,选中font,点击Save as 按钮,在弹出框输入你保存字体的文件名:点击OK

设置字号,并从左边的框中的字体,通过小三角形移到右边,并上移到顶部,作为你的默认字体:

点击apply按钮,再点击OK

4、配置node.js+webstorm 环境

打开webstorm,选中JS按钮,

会弹出一个弹框:

在这里,假若你的core modules 还没安装,点击右边蓝色的链接安装。

接下来,就可以创建node.js项目,

点击File,选择New Project,在弹框中填写好项目基本信息:

注意,这里location的路径选择,需要点击右边按钮浏览设定,自己输入的不算,选择好项目路径,在填写项目名称

点击OK,静等项目创建即可。

node.js + webstorm :配置开发环境的更多相关文章

  1. Windows准备Node.js运行与开发环境

    如何在Windows环境下搭建Node.js开发环境:1.下载Node.js windows安装版http://www.nodejs.org/download/ 2.正常安装完成后,在系统环境变量已经 ...

  2. 【Visual Studio Code 】使用Visual Studio Code + Node.js搭建TypeScript开发环境

    1.准备工作 Node.js Node.js - Official Site Visual Studio Code Visual Studio Code - Official Site 安装Node. ...

  3. 使用Visual Studio Code + Node.js搭建TypeScript开发环境

    Visual Studio Code搭建Typescript开发环境 —— 相关文章: http://www.cnblogs.com/sunjie9606/p/5945540.html [注意:这里仅 ...

  4. laravel项目中通过nvmw安装node.js和npm 开发环境-- windows版

    windows版本安装 此教程执行的时候,网速一定要好.不然可能出现各种错误. 如果本文对你有用,请爱心点个赞,提高排名,帮助更多的人.谢谢大家!❤ git clone nvmw  直接从 githu ...

  5. Node JS后端项目开发与生产环境总结

    原文地址:Node JS后端项目开发与生产环境总结 Node JS常用后端框架有express.koa.sails.国产框架有个egg js,已经在cnode投入生产了,还有个think js,类似t ...

  6. 快速使用node.js进行web开发

    首先关于node.js的学习,这里推荐一本比较好的教程,nodejs web开发指南,该书通俗易懂地将node.js语言特性讲解完之后,又从一个项目角度带领读者使用node.js学习web开发.相信这 ...

  7. webpack-dev-middleware 和 webpack-hot-middleware 配置开发环境和生产环境;webpack脚手架;仿vue-cli

    webpack-dev-server更新后自带express服务器,已经不需要自己搭建.vue-cli从17年底左右也换成了最新的webpack-dev-server,而不是用webpack-dev- ...

  8. Node.js 安装与开发

    Node.js 简介 Node.js是一个Javascript运行环境(runtime),发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装.Node.js对一些 ...

  9. Node.js 从零开发 web server博客项目[express重构博客项目]

    web server博客项目 Node.js 从零开发 web server博客项目[项目介绍] Node.js 从零开发 web server博客项目[接口] Node.js 从零开发 web se ...

随机推荐

  1. DataGridView中实现checkbox全选的自定义控件

    在DataGridView中实现Checkbox的全选的方法就是在列头画一个checkbox, 并给其一个事件. 这个之前很多blog都有写, 这里就不多废话了,  codeproject上面有示例代 ...

  2. redmine export long csv file failed: 502 proxy error

    After modified the file \apps\redmine\conf\httpd-vhosts.conf: <VirtualHost *:8080> ServerName ...

  3. href="javascript:function()" 和onclick的区别

    href='javascript:function()'和onclick能起到同样的效果,一般来说,如果要调用脚本还是在onclick事件里面写代码,而不推荐在href='javascript:fun ...

  4. DP专题训练之HDU 1506 Largest Rectangle in a Histogram

    Description A histogram is a polygon composed of a sequence of rectangles aligned at a common base l ...

  5. Ant打包

    <?xml version="1.0" encoding="UTF-8"?> <!--打包的实质生成jar包的实质1.编译工程src文件夹下的 ...

  6. fenxi

    线路:通过定义而来(固定线路可以定义,随机和临时线路怎么来) 订单:线路上点对点的关系 装车单:同意线路上的车辆可以有多个订单组成的装车单 车辆任务:给调度接口输入车辆和订单集合,根据订单产生多个车的 ...

  7. Hibernate的关联映射

    单向N-1关联 <many-to-one> 单向N-1关系,比如多个人对应同一个住址,只需要从人实体端找到对应的住址实体,无须关系某个地址的全部住户.程序在N的一端增加一个属性,该属性引用 ...

  8. CSS学习心得

    CSS 指层叠样式表 (Cascading Style Sheets) 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外 ...

  9. Python之操作Redis、 RabbitMQ、SQLAlchemy、paramiko、mysql

    一.Redis Redis是一个开源的使用ANSI C语言编写.支持网络.可基于内存亦可持久化的日志型.Key-Value数据库,并提供多种语言的API.Redis是一个key-value存储系统.和 ...

  10. Canvas的API整理

    canvas元素 可被用来通过脚本(通常是JavaScript)绘制图形.比如,它可以被用来绘制图形,制作图片集合,甚至用来实现动画效果.你可以(也应该)在元素标签内写入可提供替代的的代码内容,这些内 ...