Win7搭建NodeJs开发环境以及HelloWorld展示—图解

简介:

Windows 7系统下搭建NodeJs开发环境(NodeJs+WebStrom)以及Hello World!展示,大体思路如下:一步:安装NodeJs运行环境。第二步:安装WebStrom开发工具。第三步:创建并运行NodeJs项目展示Hello world!

1、下载nodejs

地址:http://nodejs.org/

点击安装完成,然后安装“组件”,如图:

 

2、安装WebStrom,导入nodejs开发插件

下载地址:http://www.jetbrains.com/webstorm/download/

安装完成之后导入nodejs插件,如图:

 

3、创建nodejs项目,展示Hello world

 

创建完成之后目录如下:

 

shift+F10运行,访问地址:http://localhost:3000/

效果如下:

Hello World! 已经顺利展示,收工。

NodeJs各个目录的含义,如下:

——node_modules 文件夹下是各种模块,这里是express框架和jade模版引擎。
——public 文件夹下是各种静态文件。
——routes 文件夹下是各种action。好吧routes是路径的意思,但是我喜欢称作这个叫action。
——views 文件夹下面是各种模版。

 

成功的兄弟,请点赞,谢谢了~





本文转自王磊的博客博客园博客,原文链接:http://www.cnblogs.com/vipstone/p/4315321.html,如需转载请自行联系原作者

目录
相关文章
|
3月前
|
JavaScript IDE 开发工具
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
vue3【2024版】开发环境搭建(含官网和nvm下载切换最新版node,修改node下载源,创建项目,启动项目,安装vscode插件Vue - Official)
196 3
|
3月前
|
Web App开发 JavaScript 前端开发
入职必会-开发环境搭建29-Node.js下载和安装
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境,用于在服务器端运行 JavaScript 代码。它提供了一种异步、事件驱动的编程模型,使得开发者能够构建高性能、可扩展的网络应用程序。
|
5月前
|
应用服务中间件 nginx
项目node_modules开发环境变大问题处理
项目node_modules开发环境变大问题处理
146 0
|
JavaScript 开发工具
搭建nodejs开发环境
搭建nodejs开发环境
103 0
|
NoSQL JavaScript Java
MongoDB 入门教程系列之一:开发环境搭建以及 Node.js 和 Java 的读写访问
MongoDB 入门教程系列之一:开发环境搭建以及 Node.js 和 Java 的读写访问
|
JavaScript
Win7支持的Node.js最新版本
Win7支持的Node.js最新版本
169 0
|
JavaScript Python
【鸿蒙 HarmonyOS】HarmonyOS 开发环境搭建 ( Node.js 安装 )(二)
【鸿蒙 HarmonyOS】HarmonyOS 开发环境搭建 ( Node.js 安装 )(二)
421 0
【鸿蒙 HarmonyOS】HarmonyOS 开发环境搭建 ( Node.js 安装 )(二)
|
JavaScript 前端开发 NoSQL
【Node.js实战】一文带你开发博客项目之初识Koa2(koa2安装使用、搭建开发环境、测试路由)
【Node.js实战】一文带你开发博客项目之初识Koa2(koa2安装使用、搭建开发环境、测试路由)
417 0
|
JSON 监控 JavaScript
【Node.js】一文带你开发博客项目之接口(处理请求、搭建开发环境、开发路由)
【Node.js】一文带你开发博客项目之接口(处理请求、搭建开发环境、开发路由)
4.Node.js 使用 Babel 搭建ES6开发环境
4.Node.js 使用 Babel 搭建ES6开发环境
87 0