web前端开发IDE一直喜欢用WebStorm,这里简单介绍如何用WebStorm搭建一个Node.js开发环境。
首先,需要在本地安装好node.js,以及npm包管理工具。你也可以吧node.js配置到系统的环境变量中更方便。
然后,启动WebStorm,打开Edit Configurations窗口,可以点击工具栏Run—>Edit Configurations,也可以右上角
打开服务配置窗口,在左侧添加服务,右侧配置属性。
回到入口文件:mian.js,这里跟模块管理工具require.js的入口文件相似。
/** * node.js的入口文件. */ var http = require("http"); http.createServer(function(request, response){ //发送http头部ͷ //http状态值:200 //内容类型:text/html response.writeHead(200, {'Content-Type': 'text/html'}); //设置显示字符编码 response.write("<head><meta charset='utf-8'></head>"); //发送响应数据 response.end("Hello World! 来自node.js "); //后台终端打印信息 console.log("Server running at http://localhost:3000/hello world!"); }).listen(3000);
然后启动服务,在浏览器打开http://localhost:3000,端口号不要冲突就行。
当然,WebStorm为前端而生,它也有新建属于Node.js的web app项目模板,这里它默认引入了一个Express框架,Express供了一系列强大特性帮助你创建各种 Web 应用,和丰富的 HTTP 工具,使用 它可以快速地搭建一个完整功能的网站。
Express是基于MVC结构,新建项目后会自动生成管理目录结构,
- bin————www是默认的入口文件
- node_modules————存放所有的项目依赖库。(包括node.js的模块)
- package.json————项目依赖配置及开发者信息
- app.js————程序启动文件
- public————静态文件(css,js,img)
- routes————路由文件(MVC中的C,controller)
- views————页面文件(Ejs模板)
配置会自动生成,启动服务即可。这样你就完成node.js开发的第一步!