学习重点

image.png插入「脑图」并进行编辑
学习计划 - 图2

学习资源

课堂PPT

image.png嵌入「本地文件」，在文档中可预览此文件：

脑图（XMind、Mind Manager、Mind Node） 设计文件（PhotoShop、Sketch、Axure) 办公文件（PDF、PPT、Word、Excel、Keynote、Pages、Numbers）

示例keynote.key

教学视频

image.png嵌入「本地视频」或「在线视频」，如优酷及Bilibili视频：

点击查看【youku】

阅读材料

image.png插入「附件」

示例PDF.pdf

学习计划

image.png插入「表格」，可以在表格框里插入对应的图片、附件、状态

书名 章节 计划阅读时间 进程
《基础有机化学》 第三章 2h 已完成
《无机化学》 第一章 1h 进行中
《物理化学》 第四章 1h 未开始
alex-knight-2EJCSULRwC8-unsplash.jpg 
  1. {
  2.   "window.zoomLevel": 0, // 调整窗口缩放级别。 -1 缩小20%
  4.   // ! editor
  5.   "editor.detectIndentation": false, // vscode默认启用了根据文件类型自动设置tabsize的选项
  6.   "editor.tabSize": 2, // tab锁紧
  7.   "editor.lineHeight": 20, // 行高
  8.   "editor.fontSize": 15, // 字体大小
  9.   "editor.fontWeight": "400", // 字体粗细
  10.   "editor.wordWrap": "on", // on-自动换行, off-不换行, wordWrapColumn-编辑器视觉上换行;
  11.   "editor.mouseWheelZoom": true, // 通过使用鼠标滚轮同时按住 Ctrl 可缩放编辑器的字体
  12.   "editor.renderIndentGuides": true, //编辑器显示缩进参考线
  14.   "editor.formatOnPaste": false, // 每次保存时、编辑粘贴 自动格式化
  15.   "editor.formatOnSave": true, // 自动保存
  16.   // 每次保存的时候将代码按eslint格式进行修复,vscode es6语法检测配置
  17.   "editor.codeActionsOnSave": {
  18.     "source.fixAll.eslint": true
  19.   },
  21.   // 代码快速提示。支持行内style标签代码提示
  22.   "editor.parameterHints": true,
  23.   "editor.quickSuggestions": {
  24.     "other": true,
  25.     "comments": true,
  26.     "strings": true
  27.   },
  28.   "editor.suggest.snippetsPreventQuickSuggestions": false, // 自动补全的
  30.   // ! files
  31.   "files.autoGuessEncoding": true, // 自动猜测文件编码
  32.   "files.autoSave": "onFocusChange", // 窗口失去焦点自动保存
  33.   // 配置语言的文件关联 （html代码补全）
  34.   "files.associations": {
  35.     "*.vue": "vue"
  36.   },
  38.   // ! javascript & typescript
  39.   // todo [空格相关]
  40.   // 在匿名函数的函数关键字后插入空格，如function fn[_]() {}, false - [_]位置无空格
  41.   "javascript.format.insertSpaceAfterFunctionKeywordForAnonymousFunctions": true,
  43.   // 定义构造函数关键字后是否加空格。true-加空格
  44.   "javascript.format.insertSpaceAfterConstructor": true,
  45.   "typescript.format.insertSpaceAfterConstructor": true,
  47.   // 定义函数参数括号前是否加空格。true-加空格
  48.   "javascript.format.insertSpaceBeforeFunctionParenthesis": true,
  49.   "typescript.format.insertSpaceBeforeFunctionParenthesis": true,
  51.   // todo 定义函数的左大括号是否放置在新的一行。
  52.   "javascript.format.placeOpenBraceOnNewLineForFunctions": false,
  54.   // todo 文件移动时更新import引入路径
  55.   "javascript.updateImportsOnFileMove.enabled": "always",
  57.   // ! 插件是否自动更新
  58.   "extensions.autoUpdate": true,
  60.   // ! leetcode
  61.   "leetcode.endpoint": "leetcode-cn",
  62.   "leetcode.nodePath": "C:\\Program Files\\nodejs\\node.exe",
  64.   // ! [Auto Rename Tag] 自动完成另一侧标签的同步修改 配置
  65.   "auto-rename-tag.activationOnLanguage": [
  66.     "html",
  67.     "xml",
  68.     "php",
  69.     "javascript",
  70.     "vue"
  71.   ],
  73.   // ! [Auto Close Tag] 自动闭合HTML/XML标签 配置
  74.   "auto-close-tag.excludedTags": [
  75.     "area",
  76.     "base",
  77.     "br",
  78.     "col",
  79.     "command",
  80.     "embed",
  81.     "hr",
  82.     "img",
  83.     "input",
  84.     "keygen",
  85.     "link",
  86.     "meta",
  87.     "param",
  88.     "source",
  89.     "track",
  90.     "wbr"
  91.   ],
  93.   // ! [Manta's Stylus Supremacy插件] 配置
  94.   "stylusSupremacy.insertColons": true, // 是否插入冒号
  95.   "stylusSupremacy.insertSemicolons": false, // 是否插入分号
  96.   "stylusSupremacy.insertBraces": false, // 是否插入大括号
  97.   "stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
  98.   "stylusSupremacy.insertNewLineAroundBlocks": false, // 两个选择器中是否换行
  100.   // ! [better-comments] 注释配置
  101.   "better-comments.tags": [
  102.     {
  103.       "tag": "!",
  104.       "color": "#FF2D00",
  105.       "strikethrough": false,
  106.       "underline": false,
  107.       "backgroundColor": "transparent",
  108.       "bold": false,
  109.       "italic": false
  110.     },
  111.     {
  112.       "tag": "?",
  113.       "color": "#3498DB",
  114.       "strikethrough": false,
  115.       "underline": false,
  116.       "backgroundColor": "transparent",
  117.       "bold": false,
  118.       "italic": false
  119.     },
  120.     {
  121.       "tag": "//",
  122.       "color": "#474747",
  123.       "strikethrough": true,
  124.       "underline": false,
  125.       "backgroundColor": "transparent",
  126.       "bold": false,
  127.       "italic": false
  128.     },
  129.     {
  130.       "tag": "todo",
  131.       "color": "#FF8C00",
  132.       "strikethrough": false,
  133.       "underline": false,
  134.       "backgroundColor": "transparent",
  135.       "bold": false,
  136.       "italic": false
  137.     },
  138.     {
  139.       "tag": "*",
  140.       "color": "#98C379",
  141.       "strikethrough": false,
  142.       "underline": false,
  143.       "backgroundColor": "transparent",
  144.       "bold": false,
  145.       "italic": false
  146.     },
  147.     {
  148.       "tag": "www",
  149.       "color": "#9988bb",
  150.       "strikethrough": false,
  151.       "underline": false,
  152.       "backgroundColor": "transparent",
  153.       "bold": false,
  154.       "italic": false
  155.     }
  156.   ],
  158.   // ! vetur
  159.   // 默认代码风格工具
  160.   "vetur.format.defaultFormatter.html": "js-beautify-html", // 默认prettyhtml
  161.   "vetur.format.defaultFormatter.css": "prettier",
  162.   "vetur.format.defaultFormatter.postcss": "prettier",
  163.   "vetur.format.defaultFormatter.scss": "prettier",
  164.   "vetur.format.defaultFormatter.sass": "sass-formatter",
  165.   "vetur.format.defaultFormatter.less": "prettier",
  166.   "vetur.format.defaultFormatter.stylus": "stylus-supremacy",
  167.   "vetur.format.defaultFormatter.js": "vscode-typescript", // 让vue中的js按编辑器自带的ts格式进行格式化
  168.   "vetur.format.defaultFormatter.ts": "vscode-typescript",
  170.   // 以下2个配置可以被格式化继承, 但是当.prettierrc和.eslintrc.js存在时,他会被覆盖
  171.   "vetur.format.options.tabSize": 2,
  172.   "vetur.format.options.useTabs": false,
  174.   // 设置风格
  175.   "vetur.format.defaultFormatterOptions": {
  176.     "js-beautify-html": {
  177.       //设置标签内多个属性折行
  178.       "wrap_attributes": 0, // auto|force|force-aligned|force-expand-multiline
  179.       "indent_size": "2",
  180.       "indent_char": " ",
  181.       "max_preserve_newlines": 3,
  182.       // "preserve_newlines": true,
  183.       "keep_array_indentation": false,
  184.       "break_chained_methods": false,
  185.       "indent_scripts": "keep",
  186.       "brace_style": "collapse",
  187.       "space_before_conditional": true,
  188.       "unescape_strings": false,
  189.       "jslint_happy": false,
  190.       "end_with_newline": false,
  191.       "wrap_line_length": "0",
  192.       "indent_inner_html": false,
  193.       "comma_first": false,
  194.       "e4x": false,
  195.       "indent_empty_lines": false
  196.     },
  197.     // 设置prettier风格, 可以在.vscode/settings.json文件, 如下. 或者创建个.prettierrc.js文件. (在 .settings.json 配置的prettier风格, 有些老项目会不生效, 我也不知道为啥咯, 所以还是建议单独配置 )
  198.     "prettier": {
  199.       // Prettier option here
  200.       "trailingComma": "es5", // 多行时，尽可能打印尾随的逗号
  201.       "tabWidth": 2, // 会忽略vetur的tabSize配置
  202.       "useTabs": false, // 是否利用tab替代空格
  203.       "semi": false, // true 句尾是加;
  204.       "singleQuote": true, // true 使用单引号而不是双引号
  205.       "arrowParens": "avoid" // allow paren-less arrow functions 箭头函数的参数使用圆括号
  206.     }
  207.   },
  208.   //
  209.   "editor.suggestSelection": "first",
  210.   "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
  212.   "html.format.maxPreserveNewLines": 3, // 允许html最多展示几行空行
  214.   // 保存时自动调整格式
  215.   "html.format.enable": false,
  216.   "json.format.enable": false,
  217.   "javascript.format.enable": false,
  218.   "typescript.format.enable": false,
  220.   // ! [eslint] 配置
  221.   // "eslint.autoFixOnSave": true, // 每次保存的时候将代码按eslint格式进行修复
  222.   // 启动eslint
  223.   "eslint.validate": ["javascript", "javascriptreact", "vue"],
  224.   // eslint适用的文件配置
  225.   "eslint.options": {
  226.     "extensions": [".js", ".vue"]
  227.   },
  229.   // ! 使能每一种语言默认格式化规则
  230.   // "[html]": {
  231.   //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  232.   // },
  233.   // "[css]": {
  234.   //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  235.   // },
  236.   // "[less]": {
  237.   //   "editor.defaultFormatter": "esbenp.prettier-vscode"
  238.   // },
  239.   "[javascript]": {
  240.     "editor.formatOnSave": true,
  241.     "editor.defaultFormatter": "esbenp.prettier-vscode"
  242.     // "editor.defaultFormatter": "esbenp.prettier-vscode"
  243.   },
  244.   // "[jsonc]": {
  245.   //   "editor.defaultFormatter": "vscode.json-language-features"
  246.   // },
  247.   "[vue]": {
  248.     "editor.defaultFormatter": "octref.vetur" // octref.vetur - 使用vetur; "svipas.prettier-plus" - 使用 prettier
  249.   },
  250.   "[git-commit]": {
  251.     "editor.rulers": [72],
  252.     "workbench.editor.restoreViewState": false
  253.   },
  254.   "[html]": {
  255.     "editor.defaultFormatter": "Wscats.eno"
  256.   },
  257.   "git.confirmSync": false,
  258.   "terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe"
  259. }