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

时间 2019-12-14

标签 webstorm 配置 node.js node 开发环境栏目 Storm 繁體版

原文原文链接

web前端开发IDE一直喜欢用WebStorm，这里简单介绍如何用WebStorm搭建一个Node.js开发环境。css

首先，须要在本地安装好node.js，以及npm包管理工具。你也能够吧node.js配置到系统的环境变量中更方便。html

而后，启动WebStorm，打开Edit Configurations窗口，能够点击工具栏Run—>Edit Configurations，也能够右上角前端

打开服务配置窗口，在左侧添加服务，右侧配置属性。node

回到入口文件：mian.js，这里跟模块管理工具require.js的入口文件类似。web

/**
 * 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，端口号不要冲突就行。npm

固然，WebStorm为前端而生，它也有新建属于Node.js的web app项目模板，这里它默认引入了一个Express框架，Express供了一系列强大特性帮助你建立各类 Web 应用，和丰富的 HTTP 工具，使用它能够快速地搭建一个完整功能的网站。json

Express是基于MVC结构，新建项目后会自动生成管理目录结构，浏览器

bin————www是默认的入口文件
node_modules————存放全部的项目依赖库。(包括node.js的模块)
package.json————项目依赖配置及开发者信息
app.js————程序启动文件
public————静态文件(css,js,img)
routes————路由文件(MVC中的C,controller)
views————页面文件(Ejs模板)

配置会自动生成，启动服务便可。这样你就完成node.js开发的第一步！app