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


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

  • 相关阅读:
    手头上的几本关于实现程序设计语言的书
    Ubuntu 16.04 搭建KVM环境
    调用RESTful GET方法
    Ubuntu 16.04 安装Docker
    Ubuntu 16.04安装Java 8
    SecureCRT 多个会话显示在同一窗口
    Ubuntu 16.04 安装Maven3.3.9
    Python标准类型的分类
    Ubuntu 16.04 更改apt源
    LVM术语及相互关系
  • 原文地址:https://www.cnblogs.com/yetbobo/p/4929997.html
Copyright © 2020-2023  润新知