#插件
#VS Code 插件
在 vscode 左边栏插件市场中搜索下列英文名点击安装即可。
- Chinese ：中文界面
- Prettier ：代码美化
- Wisen-Translate ：翻译插件(云环境下没有)
- Live server ：实时预览html(视频中的Live Preview有很多bug，弃用)
- Search/Translate Hero ：搜索跳转和翻译(云环境下没有)
- vscode-icons ：美化图标
- Git History Diff ：后面git教程中出现的插件
- HTMLHint ：检查html文件出错的地方
#VS Code 配置
Auto Save :自动保存，选择afterDelay Format On Save :勾选，保存后自动格式化 Format On Paste :勾选，粘贴时自动格式化 Default Formatter :选择prettier，默认格式化插件 Linked Editing :勾选，同时重命名html标签名 Accept Suggestion On Commit Character :取消勾选，不再自动补全一些乱七八糟的东西 这些自动补全其实也不错 Accept Suggestion On Enter :选择off关闭，回车就是应该换行而不是自动补全乱七八糟的代码 》 我觉得enter其实也很好用 Tab Completion :选择on开启，如需自动补全，使用tab键
#快捷键
ctrl +d
下一个相似字符，方便同时更改多个字符
alt+shift +上下键 复制到下一行 Alt+Shift+A 注释 alt+上下键 向上移动行或者向下移动行 ctrl+alt+上箭头 —— 在当前光标正上方添加光标（注:若正下方没有足够长度的代码，光标自动往前补） ctrl+alt+下箭头 —— 在当前光标正下方添加光标（同上） ctrl+z 撤销 ctrl +左键 选中多个地方设置多个光标，方便同时输入
#CSS
内联标签 直接写style属性 标签 id=
#
css选择器 class= .a={ color = blue} 视频提到的Flex学习网站：https://codingfantasy.com/games/flexboxadventure/play 可能有点卡，多刷新几次，用翻译工具边翻译边学习 同时也可以搭配知识图谱中的很多工具学习：https://www.midorg.com/map.html