轻松记录您
灵感和创意

用WebStorm编辑Markdown

WebStorm是一个非常高效的开发工具,特别对于Web前端的开发。Markdown流行,因为其简化了HTML的语法,去掉了表单等复杂标签,以极简的语法只做网页展现。在WebStorem中编辑Markdown文档,是一种普遍的应用需求。

目录

Markdown介绍

在WebStorem中安装Markdown插件

解决Markdown插件配置的问题

1. Markdown介绍

Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber)和亚伦·斯沃茨(Aaron Swartz)。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。

Markdown的语法,对于没有编程经验的人,2-3个小时也可以掌握。各种语言基于的Markdown实现,都已经有了商业应用。

高效,简约的设计,会让Markdown越走越远

开源,免费的Liences,最后有可能会夺取微软Word软件的市场

本文不讲Markdown的语法,请大家自行查询。

Markdown的官方网站:http://daringfireball.net/projects/Markdown/

2. 在WebStorem中安装Markdown插件

本来在WebStorem中安装Markdown插件很简单的事情,不知道是Idea的版本原因,还是Markdown插件设计者的原因,造成了一些使用问题,需要手动调整一些参数才正确使用。

我在这里也花了一些时间,找到了问题所在,因此写篇文章总结一下。

WebStorm版本:6.0.1

Makrdown插件版本:0.9.3

插件安装:

手动安装:需要自己下载Markdown插件, 下载地址:http://plugins.jetbrains.com/plugin/5970?pr=phpStorm

自动安装:在Webstorm中选择: File –> Settings –> Plugins –> Browse repositories –> 搜索Markdown

自动安装的截图:

重起Webstorm软件,新建一个test.md文件。

APE: 测试Markdown语法========================Markdown语法## INSTALL#### 公共库安装{bash}npm installbower install#### 私有库安装{bash}## API## demo## Licenseprivate

我们看到,编辑器没有针对 Markdown的文件进行适配,显示效果与文本文件无异。

这就是问题所在!!

3. 解决Markdown插件配置的问题

经过排查发现,问题在于Markdown插件没有和.md后缀的文件进行绑定!

查看文件类型的绑定:File –> Settings –> File Types –> Markdown files

增加*.md类型的绑定

然后,点击apply。

完成后,我们再打开之前编辑的test.md文件,Markdown的效果已经可以展示了。

底部标签text,preview可以在编辑和预览过程中切换效果,而且text也有语法高亮了。

未经允许不得转载:坚果之云 Markdown » 用WebStorm编辑Markdown
分享到: 更多 (0)

坚果云Markdown轻松记录您 灵感和创意

坚果云Markdown下载坚果云Markdown介绍