vscode编辑器和markdown/Emmet语法的使用

Vscode编辑器

强大的Vscode编辑器

vscode安装	vscode插件安装	vacode常用快捷键

1.vscode下载地址：https://code.visualstudio.com/

2.选择你自己的系统是哪种点击下载
列如：windows x64
安装好后我们来点击应用市场安装插件(界面默认是英文)

3.在应用市场搜索chinese 安装中文字体把基础英文版更换成中文

4.接着以下是需要安装的插件名称（建议安装）

5.vscode常用快捷键

• Shift+Alt+↓（快速复制行）
• Ctrt+Alt（光标多选）
• Ctrl+/（快速注释）

markdown语法

markdown语法可以让我们更加简洁的写文本

1.markdown标题写法

（#号）一级标题

（##号）二级标题

（###号）三级标题

2.markdown超链接写法

超链接使用<>进行标记，把要加入的链接放到<>里面
列如：http://www.baidu.com

3.markdown表格写法

|我是表头|
|-------|
|我是表体|

markdown表格写法展示效果

我是表头

我是表体

4.markdown分割线

markdown分割线符号：---

markdown分割线写法展示效果

5.markdown代码块写法

```+你要写的代码块名称如：php 
```php
$a="10";
$b="12";
echo $a+$b ;
结尾用三个反引号作为结尾(```)

markdown代码块写法展示效果 (里面代码会高亮显示)

$a="10";
$b="12";
echo "$a+$b" ;

Emmet语法

Emmet语法能让我们写代码更加快捷

后代嵌套
如果你想写一个ul，ul内部写一个li，li内部写一个span，就可以
在html文档中输入 ul>li>span，然后按下你的tab键或者回车，就会生成以下代码

<ul>
   <li><span></span></li>
</ul>

Emmet乘法
如果你想写一个ul，ul内部写多个li，可以这样写
我们在html文档中输入 ul>li*5然后按下你的tab或回车键，就会生成以下代码

<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>