node.js + webstorm :配置开发环境

一、配置开发环境:

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,静等项目创建即可。

时间: 2024-10-18 20:30:52

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

使用ubuntu 16.04一步一步搭建我的PHP、Node.js和Android开发环境

原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://phpecshop.blog.51cto.com/6296699/1912565 一 删除不常用的软件 sudo apt-get remove unity-webapps-common  sudo apt-get remove thunderbird totem rhythmbox empathy brasero simple-scan gnome-mahjongg aisler

MAC 下node.js初体验 开发环境搭建

1.安装Xcode https://developer.apple.com/xcode/ 搜索官网下载并安装Xcode. 2.安装Homebrew 安装homebrew是为了便于安装后续需要的程序软件 a.进入主页https://brew.sh/index_zh-cn.html b.复制homebrew主页的安装代码到终端中进行安装 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/

node.js + webstorm 开发个人博客:配置开发环境

一.配置开发环境: 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代码都会方

Windows下Node.js环境的搭建并结合WebStorm IDE开发环境

一.环境搭建 1.下载并安装Node.js,在Windows下的安装步骤比较简单,一直下一步就可以了.安装完成后它会在环境变量Path中配置好Node的目录.所以我们可以直接在命令行中使用Node的命令,如:node和npm,可以测试一下是否安装完成,打开命令行,输入node如何出现可以进入就表示安装完成了. 2.下载安装WebStorm现在的版本是7.0.2安装步骤也比较简单这里就不赘述了. 3.WebStorm中配置Node.js环境,在打开WebStorm后点击下图中画红框的图标进行配置.

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

首先关于node.js的学习,这里推荐一本比较好的教程,nodejs web开发指南,该书通俗易懂地将node.js语言特性讲解完之后,又从一个项目角度带领读者使用node.js学习web开发.相信这是一个比较好的学习模式和过程.由于这本书是2012年出的,书中的一个web教学项目是开发一个微博.从2012到现在,node.js及其生态环境发生了很大改变,所以关于该书的学习如果照着书本显然是过于陈旧的.到目前为止,node.js的web开发框架已经升级到了Express4.12.1,对于Mong

Node.js 安装配置

Node.js 安装配置 本章节我们将向大家介绍在window和Linux上安装Node.js的方法. 本安装教程以Node.js v6.10.1 LTS(长期支持版本)版本为例. Node.js安装包及源码下载地址为:https://nodejs.org/en/download/. 你可以根据不同平台系统选择你需要的Node.js安装包. Node.js 历史版本下载地址:https://nodejs.org/dist/ 注意:Linux上安装Node.js需要安装Python 2.6 或 2

【02】Node.js 安装配置(OK)

[02] Node.js 安装配置 本章节我们将向大家介绍在window和Linux上安装Node.js的方法. Node.js安装包及源码下载地址为:http://www.nodejs.org/download/. 根据不同平台系统选择你需要的Node.js安装包. 注意:Linux上安装Node.js需要安装Python 2.6 或 2.7 ,不建议安装Python 3.0以上版本. Windowv 上安装Node.js Windows 安装包(.msi) : 32 位安装包下载地址 : h

Win7 + vs2012 + cocos2d-x2.2 配置开发环境

昨天开始打算学习Cocos2d-x,首先肯定是要在自己的电脑上配置开发环境.昨天折腾了一天,下面将自己在其中遇到的问题与解决方法跟大家分享一下.大多数会遇到的问题,我都遇到了.... 1.安装vs2012(网上很多,找个密钥破解即可,最后会附上密钥下载地址) 2.从官网下载Cocos2d-x-2.2.5,然后解压到某个盘或者文件夹下. 我的路径是:G:\Cocos2d-x. 官网地址:http://www.cocos2d-x.org/download 3.在G:\Cocos2d-x\cocos2

Redux+React Router+Node.js全栈开发

详情请交流  QQ  709639943 01.Java深入微服务原理改造房产销售平台 02.跨平台混编框架 MUI 仿豆瓣电影 APP 03.Node.js入门到企业Web开发中的应用 04.Redux+React Router+Node.js全栈开发 05.Java秒杀系统方案优化 高性能高并发实战 06.企业级刚需Nginx入门,全面掌握Nginx配置+快速搭建高可用架构 07.快速上手Linux 玩转典型应用 08.全面系统讲解CSS 工作应用+面试一步搞定 09.Java Spring