zoukankan      html  css  js  c++  java
  • 浅试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开发的第一步!

  • 相关阅读:
    【刷题】BZOJ 1036 [ZJOI2008]树的统计Count
    【刷题】BZOJ 1180 [CROATIAN2009]OTOCI
    【刷题】BZOJ 1453 [Wc]Dface双面棋盘
    【刷题】BZOJ 4025 二分图
    【模考】2018.04.08 Connection
    【模考】2018.04.08 Travel
    【刷题】BZOJ 4825 [Hnoi2017]单旋
    【刷题】洛谷 P3613 睡觉困难综合征
    【刷题】BZOJ 3668 [Noi2014]起床困难综合症
    CSS3_边框 border 详解_一个 div 的阴阳图
  • 原文地址:https://www.cnblogs.com/yetbobo/p/4929997.html
Copyright © 2011-2022 走看看