前端开发的工具
编辑器:
- 轻量级的,依靠插件:sublime;atom(github);vs code(miscrosaft)
- 集成的:DW;webstorm;hbuild;
markdown
markdown是一个标记语言,可以利用一些简单的语法来对内容进行排版,可以将markdown文件编译成html,pdf,一般使用markdown写笔记、文档...
eq:一般的项目中都会README.md文件来做项目标识。
一般的编辑器都可以编写markdown,语法简单,也有专门的markdown编辑器
使用gulp搭建markdown编译环境(将md文件转换成html和pdf文件为例)
-
执行npm init 进行项目初始化得到package.json
-
全局安装gulp :npm install gulp --global;
-
在项目中安装gulp依赖:npm install gulp --save-dev;
-
创建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'])
网友评论