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表格写法
  1. |我是表头|
  2. |-------|
  3. |我是表体|

markdown表格写法展示效果

我是表头
我是表体

4.markdown分割线

  1. markdown分割线符号:---

markdown分割线写法展示效果

5.markdown代码块写法

  1. ```+你要写的代码块名称如:php
  2. ```php
  3. $a="10";
  4. $b="12";
  5. echo $a+$b ;
  6. 结尾用三个反引号作为结尾(```)

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

  1. $a="10";
  2. $b="12";
  3. echo "$a+$b" ;

Emmet语法

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

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

  1. <ul>
  2. <li><span></span></li>
  3. </ul>

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

  1. <ul>
  2. <li></li>
  3. <li></li>
  4. <li></li>
  5. <li></li>
  6. <li></li>
  7. </ul>

更多相关文章

  1. Visual Studio Code 编辑器
  2. 五款不错的Web前端开发工具,可以尝试一下!
  3. markdown 语法及Emmet 插件的使用
  4. 如何安装vscode,以及markdown语法的使用
  5. Visual Studio Code 编辑器下载及安装
  6. 都 9102 了,你还不知道 System.out.println 的危害!
  7. error C2059: 语法错误:“类型”
  8. TaskBuilder如何实现低代码开发?
  9. 一键生成前后端代码,Mybatis-Plus代码生成器让我舒服了

随机推荐

  1. 【项目实战】自监控-09-DataFrame索引操
  2. django / python:具有多个表的原始sql
  3. 在创建表时执行Django fixture
  4. 安装Python3.6.3+spyder
  5. Python:2D Numpy数组(矩阵) - 查找负数之和(
  6. python学习的第一天---
  7. 如何在python中使用命名组和datadict从正
  8. 【问题解决方案】ImportError: No module
  9. 120行python代码解锁10000分微信跳一跳
  10. 使用特定顺序的ID列表从Django数据库中获