浅试WebStorm配置Node.js开发环境

2023-08-17 11:01:52

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 \n");

    //后台终端打印信息

    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开发的第一步！

码农公寓

相关文章