前端学习-工具准备和使用

工具准备:
		编辑器：VsCode（推荐）、HBuilder X、
		浏览器：Chrome（推荐）、Microsoft Edge  
		做笔记：Typora（Markdown）、X-mind（思维导图）

一、markdown用法和快捷键

1、快捷键

加粗 Ctrl + B
斜体 Ctrl + I
引用 Ctrl + Q
插入链接 Ctrl + L
插入代码 Ctrl + K
插入图片 Ctrl + G
提升标题 Ctrl + H
有序列表 Ctrl + O
无序列表 Ctrl + U
横线 Ctrl + R
撤销 Ctrl + Z
重做 Ctrl + Y

2、ctrl+数字键 或前面用#

# 一级标题

## 二级标题

### 三级标题

#### 四级标题

##### 五级标题

###### 六级标题

效果如下：

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

3、斜体ctrl+I

4、粗体ctrl+B

5、下划线ctrl+u

6、这是删除线的内容

使用方法：~~这是删除线的内容~~

7、列表

- 列表1

- 列表2

  - 列表1.1

  - 列表1.2

效果如下：

• 列表1

• 列表2

  • 列表1.1

  • 列表1.2

8、分割线：

 ***

效果如下：

---

9、表格：CTRL+T（快速生产几行几列）：

按下面格式也可生成：

标题1|标题2|标题3
:--:|:--|--:        
格子1|格子1|格子3
内容1|内容2|内容3

效果如下：

标题1	标题2	标题3
格子1	格子1	格子3
内容1	内容2	内容3

例子二：
| 1    | 2    |
| ---- | ---- |
| 3    | 4    |

效果如下：

1	2
3	4

10、空格

  

11、添加注释

>注释一段话
>添加引用的内容

效果如下：

注释一段话
添加引用的内容

12、网页链接

写法:
[链接网页](https://www.csdn.net/)

效果如下:
链接Csdn

13、CTRL+/(进入代码)

14、写代码

三个 " ```"  注:键盘左上角~的点

效果如下：

代码内容

11、shift+Enter 软换行

12、空格+空格+shift+Enter 硬换行

二、Vscode快捷键和插件

• 插件
  • 1、VScode（汉化）：Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code
  • 2、运行浏览器预览效果：open in browser
  • 3、代码格式美化: Beautify
  • 4、路径推荐（…/）: Path Intellisense
  • 5、文件图标：vscode-icons
  • 6、快速生产css文件（.css和-mini.css）：Sass/Less/Stylus/Pug/Jade/Typescript/Javascript Compile Hero Pro
  • 7、px换算为rem (看个人需求): px to rem & rpx (cssrem)
  • 8、html代码里提示css，自动补全（不建议使用先）：HTML CSS Support

快捷键：

1、编辑器和窗口

新建文件:   Ctrl+N

文件之间切换:   Ctrl+Tab

打开一个新的VS Code编辑器:    Ctrl+Shift+N

关闭当前窗口:   Ctrl+W

关闭当前的VS Code编辑器:   Ctrl+Shift+W

切出一个新的编辑器窗口（最多3个):   Ctrl+\

切换左中右3个编辑器窗口的快捷键:   Ctrl+1  Ctrl+2  Ctrl+3

2、代码格式编辑

代码行向左或向右缩进:   Ctrl+[ 、 Ctrl+]

复制或剪切当前行/当前选中内容:   Ctrl+C 、 Ctrl+V

代码格式化:   Shift+Alt+F

向上或向下移动一行:   Alt+Up 或 Alt+Down

向上或向下复制一行:   Shift+Alt+Up 或 Shift+Alt+Down

在当前行下方插入一行:   Ctrl+Enter

在当前行上方插入一行:   Ctrl+Shift+Enter

快捷键借鉴：https://www.cnblogs.com/schut/p/10461840.html

🐎本人也是学习借鉴，总结不到位多包涵，希望后面越做越好。
我也是主要记录自己所学。
（2022.2.28）