欢迎来到Mermaid的奇妙世界!🎨
想象一下,你可以用简单的文本代码就能创建出专业级的流程图、时序图、甘特图等各种图表。不需要复杂的画图软件,不需要拖拽鼠标,只需要几行代码就能让你的文档瞬间生动起来!
Mermaid让复杂的图表绘制变得简单有趣,而且完美集成到Markdown中。让我们一起探索这个神奇的工具吧!
开发中不开 Git 和 Node.js,由于某些东西经常抽风,在国内有时候 Git 连接 Github 和 Node.js 使用 NPM 包管理器变得不那么容易,但是如果我们自备小飞机的话就可以让 Git 和 NPM 走本地代理,速度直接起飞😎
{
"printWidth": 80, // 指定代码行的最大宽度,超过这个宽度会自动换行
"tabWidth": 2, // 指定一个 tab 键应该代表几个空格宽度
"useTabs": false, // 是否使用 tab 键缩进代码
"semi": false, // 是否在语句末尾添加分号
"singleQuote": true, // 是否使用单引号
"quoteProps": "as-needed", // 对象字面量中是否将 key 值用引号括起来(as-needed 表示只在必要时添加引号)
"jsxSingleQuote": false, // 在 JSX 中是否使用单引号
"trailingComma": "es5", // 控制对象和数组字面量中是否添加尾随逗号
"bracketSpacing": true, // 是否在对象字面量中的括号前后添加空格
"jsxBracketSameLine": false, // 在 JSX 中是否将闭合标签放在同一行
"arrowParens": "always", // 箭头函数参数是否添加括号
"requirePragma": false, // 是否在文件顶部添加 @format 注释,以表明这个文件已经被 Prettier 格式化过了
"insertPragma": false, // 是否在文件顶部插入 @format 注释
"vueIndentScriptAndStyle": false, // 是否在 Vue 文件中缩进 script 和 style 标签
"proseWrap": "preserve" // 控制是否将 markdown 文件的文本换行(preserve 表示保留原格式)
}
欢迎来到Markdown的世界!🎉
如果你是开发者、写作者或者只是想让自己的文档更加优雅,那么Markdown绝对是你的最佳选择。它简单、高效,而且几乎在所有地方都能使用——GitHub、博客、文档网站、笔记应用等等。
这份指南将带你从零基础掌握Markdown,让你的文档编写变得轻松有趣!
要在当前项目下保存文件自动运行 Babel,请按照以下步骤进行操作:
npm install --save-dev @babel/core @babel/cli @babel/preset-env