Web前端 前端工程师首选的几款编辑器/IDE以及Markdown的编辑器、语法

时间：2021-05-02 07:32:13

前端工程师常使用的编辑器/IDE

  • 本地在线工具

    webstrom 推荐指数 *****

    vs code 推荐指数 ****

    atom 推荐指数 ****

    subline-text 推荐指数 ****

  • 电脑系统的工具

    各自系统自带的文本编辑器，例如windo的记事本 推荐指数 **

    或者Notep++ 推荐指数 ***

    又或者vim 等等 推荐指数 ****

  • 网络在线编辑平台

    Codepen.io

    JSBin

    JSFiddle

    CodeAnywhere

    Koding

几款常用的Markdown编辑器

面向前端开发者：

  • Typor 官网 推荐指数*****

  • MarkdownPad2 官网 推荐指数*****

  • Atom 官网 推荐指数***

  • Vs code 官网 推荐指数***

按用户场景分：

  • Markdown编辑器后，将它们归纳为三类

    1. 文库集成类：与在线文库相集成，代表有Modoko、GibBook、简书
    2. 独立软件类：独立产品，编辑本地文件，代表有MarkdownEditor、Typor、Haroopad等
    3. 编辑器插件类：在主流编辑器上扩展插件，代表有WebStorm、Atom、Sublime Text。

  • 这三类软件分别面向三类Markdown用户。

    1. 重量型用户，即文字工作者，他们需要撰写大量的文章，甚至是写一本树书，对文档的组织有明确要求。
    2. 轻量型用户，典型的是博客写手，他们要写中等长度的文章，文章的保存和发表交给博客网站。
    3. 偶然用户，通常是开发者，他们需要为程序撰写说明文档，例如readme.md。

可以说是有了不同的用户需求，催生了不同类别的工具。当我们要选择Markdown编辑器时，我们应当先定位自己的需求，然后考察哪些工具可以满足自己的需求，最后从这里面选择佼佼者。

Markdown的语法

标题

一级标题 语法：# 一级标题（最大）

二级标题 语法：## 二级标题

三级标题 语法：### 三级标题

四级标题 语法：#### 四级标题

五级标题 语法：##### 五级标题

六级标题 语法：###### 六级标题（最小）

列表

有序列表

数字加点

语法:1. 有序列表   =>  1.有序列表

     2. 有序列表   =>  2.有序列表

     2. 有序列表   =>  3.有序列表

无需列表

用 + 或者 - 或者 * 来表示

语法: + 无序列表    =>  .无序列表

      * 无序列表    =>  .无序列表

      - 无序列表    =>  .无序列表

列表嵌套

上一级和下一级之间敲三个空格即可

  • 一级无序列表内容

    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容

  • 一级无序列表内容

    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容

  1. 一级有序列表内容

    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容

  2. 一级有序列表内容

    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容

超链接

语法:[超链接名](超链接地址)

例如:[淘宝](https://www.taobao.com)  => 显示:淘宝

引用

在文字前面加上">"这个字符,例如:  >我是引用

可以在文字前面加多个">", 例如加两个: >>我是二级引用

图片

语法:![图片alt](图片地址 ''图片title'')

代码

语法：

单行代码：代码之间分别用一个反引号包起来   例如: `console.log("单行代码")`

代码块：代码之间分别用三个反引号包起来，且两边的反引号单独占一行

例如:

```

 function(){...}...

 function(){...}...

 function(){...}...

```

表格

语法:

学生|学号|性别

-|-|-|

张三|001|男|

李四|002|男|

李华|003|女|

显示如下:

学生 学号 性别
张三 001 男
李四 002 男
李华 003 女

又例如:

 name | 111 | 222 | 333 | 444

    - | :-: | :-: | :-: | -:

    aaa | bbb | ccc | ddd | eee|

    fff | ggg| hhh | iii | 000|

显示如下:

name 111 222 333 444
aaa bbb ccc ddd eee
fff ggg hhh iii 000

相关文章