`

NodeJs/Zen Coding/Less/coffeescript支持—Webstorm入门指南

阅读更多

转载自http://www.36ria.com/5869

NodeJs/Zen Coding/Less/coffeescript支持—Webstorm入门指南

Webstorm作为个javascript的IDE,提供了最天然的NodeJs支持,在Webstorm中,您可以运行、调试、自动提示NodeJs。

Webstorm对NodeJs的支持

随便建个demo工程,建个runner.js,代码如下:

var http = require('http');
server = http.createServer(function (req, res) {
    res.writeHeader(200, {"Content-Type": "text/plain"});
    res.end("Hello World!");
});
server.listen(7070);
console.log("httpd start @7070");

创建一个http请求,打印出”Hello World!”字符串。

有多种方式可以将工程配置成Nodejs工程,最简单的方式如下:

在代码区域,使用“alt+enter”

在代码区域,右键点击下

采用默认的配置创建个nodejs服务器

使用“ctrl+shift+F10”,运行Node脚本:

从上图可以看到Webstorm集成了Node控制台,可以直接打印出Node消息。

断点调试Node

断点功能非常实用,堪称调试利器。

在你需要打断点的代码行前面点击下即可:

使用快捷键“shift+F9”,开始debug:

Webstorm对Zen Coding的支持

什么是Zen Coding?

http://code.google.com/p/zen-coding/downloads/detail?name=Zen.Coding-Aptana.v0.5.zip

使用仿CSS选择器的语法来简化html的编写,大多数编辑器都提供了Zen Coding的支持,Zen Coding的用法可以看下面的gif:

 

Webstorm对coffeescript的支持

在demo工程中新建一个test.coffee,

在代码区域右键点击:

需要指定下coffeescript的插件:

接下来就可以使用coffeescript来写nodejs的代码。

square = (x) -> x * x
console.log square(10)

点击运行,控制台会打印出100。

预览coffeescript编译后的js代码

  • 大小: 23.6 KB
分享到:
评论

相关推荐

    一键升级git/nodejs/npm/Docker Engine/Docker-Compose/Python脚本

    一键升级git/nodejs/npm/Docker Engine/Docker-Compose/Python脚本。

    mustbe, 用于 NodeJS/ExpressJS/ConnectJS 应用程序的授权管道.zip

    mustbe, 用于 NodeJS/ExpressJS/ConnectJS 应用程序的授权管道 必须:用于 nodejs/express应用的授权管道 必须不是一个完整的授权框架,具有角色和责任,模型和数据访问以及你需要的一切。 相反,你需要保护站点的...

    lncli-web, 在 nodejs/Angular 中,编写了lnd守护进程的轻量级网络客户端.zip

    lncli-web, 在 nodejs/Angular 中,编写了lnd守护进程的轻量级网络客户端 Lnd网络客户端安装要求nodejs/npm过程从 Lnd Web客户端git库获取源:git clone https://github.com/mably/lncli-web.git移动到新创建的目

    项目合集(有nodejs/javaweb/Vue/React等等)

    vue react javaweb nodejs 微信小程序 h5小游戏 一共6种项目合集,就是怕那天电脑挂掉,U盘坏了

    goja_nodejs:Goja的Nodejs兼容性库

    例子: package mainimport ( "github.com/dop251/goja" "github.com/dop251/goja_nodejs/require")func main () { registry := new (require. Registry ) // this can be shared by multiple runtimes runtime ...

    nodejs在linux安装教程-包涵判断当前版本是32位还是64位.pdf

    其中,`/path/to/nodejs/bin/`是解压后的Node.js文件夹中的bin目录路径。 6. 验证安装是否成功,可以运行`node -v`和`npm -v`命令,查看Node.js和npm的版本。如果输出正确,说明安装已完成。 要确认安装的Node.js...

    nodejs+express+webstorm配置及安装

    nodejs+express+webstorm配置及安装

    nodejs calls cpp

    如何在nodejs项目中调用c++动态链接库,参考nodejs文档https://nodejs.org/dist/latest-v10.x/docs/api/addons.html#addons_c_addons 和 https://github.com/nodejs/node-gyp

    nodejs 新建项目入门指南

    ### Node.js新建项目入门指南 #### 一、Node.js简介及环境搭建 Node.js是一种开源、跨平台的JavaScript运行环境,它允许开发者使用JavaScript编写服务器端应用程序。Node.js基于Chrome V8 JavaScript引擎构建,...

    centOS安装nodejs

    这里假设您已经将Node.js解压到`/home/nodejs/`目录下。通过上述命令创建软链接,使得系统能够识别`node`和`npm`命令。 #### 四、验证安装 完成上述步骤后,可以通过运行以下命令来验证Node.js是否成功安装: ```...

    nodejs-sdk:用于api.video网络服务的NodeJS SDK(视频编码,托管和安全交付)

    api.video NodeJS SDK 网络服务可帮助您轻松地将视频放到网络上。 本文档可帮助您使用相应的NodeJS客户端。安装npm install @api.video/nodejs-sdk用法const apiVideo = require ( '@api.video/nodejs-sdk' ) ;( ...

    NodeJS开发指南_nodejs开发指南_

    本指南将深入探讨NodeJS的核心概念、开发工具、模块系统、网络编程以及常见的应用实践。 一、NodeJS基础 NodeJS的核心是事件驱动、非阻塞I/O模型,这使得它在处理高并发请求时表现优秀。其单线程执行和异步编程的...

    node-meeting-agenda:根据 GitHub 问题标签为 Node.js 工作组生成议程

    ### nodejs/node-v0.x-archive * Deprecate Array#values() in 0.12.x [#25877](https://github.com/nodejs/node-v0.x-archive/issues/25877) * Deprecate smalloc in v0.12 [#25784]...

    基于NodeJS / OpenGL的GUI排版显示引擎和跨平台GUI应用程序开发框架-JavaScript开发

    ngui Ngui是一个跨平台(Android / iOS)前端开发框架。 核心代码是用C ++编写的。 底层基于OpenGL绘图。 上层实现了简化的排版引擎,而JS / JSX r ...目前仅支持iOS和Android系统,其中不包括AndroidTV,因为电视应用

    linux安装nodejs

    访问Node.js官方网站([https://nodejs.org/en/download/](https://nodejs.org/en/download/) 或 [https://nodejs.org/zh-cn/download/](https://nodejs.org/zh-cn/download/))以获取最新版本的二进制安装包。...

    node.js安装包v8版本

    Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm

    NodeJS:在NodeJS上做笔记和编写代码学习

    mv node-v14.16.0-linux-x64/ nodejs/ sudo mv nodejs/ /usr/local/lib/node/ echo NODEJS_HOME=/usr/local/lib/node/nodejs >> ~ /.bashrc echo PATH= $NODEJS_HOME /bin: $PATH source ~ /.bashrc 替换 我们可以...

    Nodejs Server+TCP+UDP_nodejs_TCP/IP_UDP_源码

    简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。本例程是基于Nodejs平台的TCP/IP通讯和UDP通讯示例

    NODEJS+NPM+COFFEESCRIPT

    标题 "NODEJS+NPM+COFFEESCRIPT" 暗示了这个压缩包可能包含关于使用Node.js、NPM(Node Package Manager)以及CoffeeScript的教程或项目资源。以下是关于这三个核心概念的详细解释和相关知识点: Node.js: Node.js...

    NodeJS入门项目案例(Express+Mysql)

    NodeJS入门项目案例(Express+Mysql)是一个适合初学者的教程,旨在引导你进入Node.js服务端开发的世界。在这个项目中,我们将使用Express框架,一个简洁且强大的Web应用开发框架,以及Mysql,一个流行的开源关系型...

Global site tag (gtag.js) - Google Analytics