前端开发的工具

 

 编辑器：

 

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'])

 

```