使用webstorm调试Hexo

之前在编辑hexo下的插件的时候,就觉得用notepad++有点麻烦,需要确认的都要打印出来,因此考虑使用用惯了的编辑器WebStorm,但是会者不难,难者不会,牵扯到hexo命令,确实有点挠头,查找了半天,还绕了一个弯才最终解决。

如何做

说麻烦麻烦,说简单其实也很简单,就是需要做了一个配置而已。
我使用的环境是WebStorm,其他版本应该类似:
Run-->Edit Configurations...

如上图,选好Node的位置,设定好工作目录。稍微有点不一样的是,启动文件选择node_modules/hexo/bin/hexo 这个文件只有是使用了hexo-cli的初始化应该都会有。
然后最后加上g这个参数,表示generate就好。当然 g -d也尅

绕弯子

开始的时候,我是碰到了问题的。

我使用的目录,是dropbox的目录,路径比较深。当时其实是做了一个Junction的,直接把目录映射到了F:hexo下面。结果呢,能运行,不能断点调试,当时找了不少方法,都不行,最后想到是不是目录连接的问题,切换回正常目录,回复正常。
当时其实还是有另一个连接,因为我之前写了一个hexo-moses的插件,用来支持我的图片,结果呢,因为放在了node_modules下面,没法git同步,于是直接在根目录下面建立了一个package的目录,结果直接在package下的hexo-moses目录下面,打开index.js文件,做debug根本不断。直到使用node_modules下面的才可以。
嗯,就写到这里吧。

原文:大专栏  使用webstorm调试Hexo

原文地址:https://www.cnblogs.com/chinatrump/p/11601693.html

时间: 2024-11-02 15:09:29

使用webstorm调试Hexo的相关文章

WebPack+WebStorm调试

怎么用webstorm来调试WebPack? 今天查了很多文档,最终在官网上耐心看完英文文档后,才解决.附上链接:https://blog.jetbrains.com/webstorm/2015/09/debugging-webpack-applications-in-webstorm/ 工具简介 Windows7 WebStorm2017 Webpack2 谷歌浏览器(默认浏览器) 操作 在Project视图里找到index.html,右击进入Debug模式 WebStrom会自动进入Debu

windows下webstorm调试react native

安装请参考:http://www.cnblogs.com/wjx0912/p/5662457.html webstorm在2016.10.20的版本才正式增加react native的调试支持,所以webstorm一定要更新到最新版本 https://blog.jetbrains.com/webstorm/2016/10/webstorm-2016-3-eap-163-6512/ https://blog.jetbrains.com/webstorm/2016/11/webstorm-2016-

使用WebStorm调试node工程

coder比较偏好debug,调试node比较麻烦,我们借助高大上的工具webStorm(我用的是10)来调试node,配置也比较简单,直接上图: 首先,配置node环境,在导航栏选择"Edit/configuration", 接下来配置 注:javascript file 为node的入口 到这里还没有结束,还需要配置远程调试,在上面的窗口中,选择defaults中的 node.js remote debug: 下面就可以debug了,入口在这里:

使用webstorm调试node程序

前言 相信大家接触过不少node代码了,如果你应用的比较初级或者针对你的项目不需要接触过深的node代码,也许你仅仅需要简单的console.log('your variable')就完全满足你的需要了.如果你应用node比较深入,想要调试(debug)之,我想你应该接触过node-inspector,大致用法流程,简单如下—— 1.安装:npm install -g node-inspector 2.启动debug模式(单独命令行): node-debug &(该命令默认8080端口) nod

关于webstorm调试默认浏览器修改

作为初学者,大家在使用webstorm软件的时候, 有可能会遇到调试的时候浏览器打不开,  或者想要自定义调试浏览器的时候,  找不到怎么设置,  我也是在网上找了好久,  都没有找到方法,   后来还是自己弄明白了,  这里给和我一样的小白们分享下,见下图

Pomelo 运行原理及WebStorm调试

首先我们需要知道,NodeJS应用程序可以在运行命令中加入--debug=5858参数,可以使得NodeJS程序监听本地5858端口,并开启调试模式. pomelo的运行原理: pomelo start时,启动了master服务器,然后其先读取配置文件,再启动由game-server/config/servers.json文件中经过配置的各个服务器进程.其中,你看到的id.host.port等等都是子服务器的启动参数,这些参数都会放到启动命令行中app.js的后面. 的设计人员最初已经考虑到了直

webstorm调试Node的时候配置

点击Edit Configurations的这个的配置:(不能点击是因为目前你选中的不是项目)

webstorm javascript IDE调试

webstorm是我见过的前端开发调试最好用的IDE工具了,它不仅具有强大的编辑,代码查阅引用功能,更有强大的js调试功能,这是任何通过firebug,chrome devtool,console.log等低水平的调试所无法比拟的. 本文尝试探讨如何将环境搭好,工欲善其事,必先利其器. 1. webstorm本地项目中配置一个debug profile 2. chrome安装一个webstorm/phpstorm所共用的一个浏览器插件 https://chrome.google.com/webs

使用WebStorm进行javascript调试

1.关于javascript调试 曾经的选择是使用火狐浏览器的Firebug插件,具体的用法到时候在细说,这篇文章登场的是开发静态网页及javascript的利器--webstorm. 2.相关软件安装和配置 安装WebStorm  WebStorm官网:( https://www.jetbrains.com/webstorm/ ) 安装Chrome和JetBrains IDE Support  JetBrains IDE Support的地址是:        https://chrome.g