markdown简述

 前端开发的工具
 
 编辑器:
 
1. 轻量级的,依靠插件:sublime;atom(github);vs code(miscrosaft)
 
2. 集成的:DW;webstorm;hbuild;
 
---
### markdown
 
markdown是一个标记语言,可以利用一些简单的语法来对内容进行排版,可以将markdown文件编译成html,pdf,一般使用markdown写笔记、文档...

 

eq:一般的项目中都会README.md文件来做项目标识。

 

一般的编辑器都可以编写markdown,语法简单,也有专门的markdown编辑器

 

#### 使用gulp搭建markdown编译环境

 

1. 执行npm init 进行项目初始化得到package.json

 

2. 全局安装gulp :npm install gulp --global;

 

3. 在项目中安装gulp依赖:npm install gulp --save-dev;

 

4. 创建gulpfile.js文件设置任务:

 

```
var gulp = require("gulp")
var markdown = require('gulp-markdown');
var mdpdf = require('gulp-markdown-pdf');



gulp.task("compileMDToHtml",function () {
gulp.src("./md/*.md")
.pipe(markdown())
.pipe(gulp.dest("./html"))
})

 

gulp.task("compileMDToPdf",function () {
gulp.src("./md/*.md")
.pipe(mdpdf())
.pipe(gulp.dest("./pdf"))
})

 

gulp.task("watch:md",function(){
gulp.watch("./md/*.md",['compileMDToHtml','compileMDToPdf'])
})

 

gulp.task("default",['compileMDToHtml','compileMDToPdf','watch:md'])
 
```

 

转载于:https://www.cnblogs.com/yinxingen/p/7878561.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值