博主信息
JiaJieChen
博文
66
粉丝
3
评论
5
访问量
46834
积分:0
P豆:134

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

2021年03月19日 13:44:16阅读数:295博客 / JiaJieChen/ PHP

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>
批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:

版权申明:本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!

全部评论

文明上网理性发言,请遵守新闻评论服务协议

条评论
  • 欢迎使Markdown你好! 这是你第一次使 Markdown 所展示欢迎页。
    VSCode支持多种文件格式写,可以开发HandleBars、Markdown、Python、Jade、PHP、Haxe、Ruby、Sass、PowerShell、Groovy、R、Makefile
    vscode是一款由微软开发,同时支持windows、linuxmacos操作系统开放代码
    VSCode安装Vue支持:首先打开VSCode;然后在左侧栏中找到插件图标,并进行点击;接着在插件搜索栏中搜索“vuehelper”“vue 2 snippets”插件;最后点击安装即可
    打开htm文件:1、使浏览打开,直接双击文件即可使默认浏览打开;2、使记事本打开;3、使代码打开,例如HBuilder、Dreamweaver、notepad++、sublime
    vscodevisual studio区别是:visual studio是集成开发环境,它包括了整个软件生命周期中所需要大部分工具;vscode是一款免费开源现代化轻量级代码,支持几乎所有主流开发高亮特性
    下面由sublime​教程栏目给大家介绍在Sublime Text3下使MarkDown,希望对需要朋友有所帮助!
    Visual Studio Code(也称为VSCode)是一种轻量级但功能强大跨平台源代码, 借助对TypeScript Chrome调试等开发工具内置支持,越来越多开发都都喜欢使
    Visual Studio Code(也称为VSCode)是一种轻量级但功能强大跨平台源代码, 借助对TypeScript Chrome调试等开发工具内置支持,越来越多开发都都喜欢使
    Emmet是一款Web前端开发工具Sublime非常有插件,使仿CSS选择来生成代码,大大提高了HTMLCSS代码速度。

    2020-11-02

    411

    vim命令是一个富文本,是vi扩展版本,它可以各种文本,尤其是能程序,vi相比有很多优点,可以多次撤销,可以同时打开多个窗口进行高亮、命令行、在线帮助、可视化选择等等
    中文乱码解决方:1、在HTML文档head部分,使“<meta charset="utf-8">”句设置码方即可;2、利网页打开HTML文档,设置
    CSS预处理是一种专门言,来为CSS增加一些程特性(CSS本身不是言)。不需考虑浏览兼容问题,因为CSS预处理最终输出仍是标准CSS样式。
    打开css:1、使文本打开或者记事本打开;2、利Notepad++或者Adobe Dreamweaver软件去打开,这样便于阅读查看修改。
    第二代计算机元件主要采是“晶体管”。第二代计算机是晶体管计算机,主机采晶体管等半导体件,以磁鼓磁盘为辅助存储,采言(高级言)程,并开始出现操作系统。
    在css中,可以使“/*”“*/”符号进行单行注释,格式为“/* 需要注释内容 */”。
    步骤:1、打开在文件中新建一个函数“chaxun”;2、连接想要查询数据库,填写查询句“select * from test1”;3、使函数“fetch_assoc”读取查询到数据;4
    css文件打开使文本打开,或者记事本打开,但是一般我们方便查看css代码,可以利【Notepad++】或者Adobe Dreamweaver软件去打开,这样便于阅读查看修改。
    mysql中同时查询两个数据库中数据:首先打开sublime,新建函数chaxun;然后连接数据库,填写数据库户名,密码,主机名以及要使数据库;接着填写查询sql句;最后打开本地服务
    linux中退出vi,按下esc没反应解决办:1、在正常模式下按下q键盘;2、选择【a-z】或【0-9】中任意一个作为缓冲名字,准备开始录制宏;3、在非insert模式下输入q停止宏录制