一. vscode的安装
1. 什么是vscode
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux
2. vscode的安装
首先我们打开vscode的官网
我们选择自己的所需的系统下载,我这边下载的是Windows版本,下载安装.
3. vscode的中文汉化
我们打开软件以后会发现全部都是英文,这时候我们在插件查找Chinese安装,如下图
注意安装完成以后需要重启一下
除此之外我们还需要用到一些插件,安装方式都是相同的,可以根据下面的图按需下载.
3.Emmet插件的简单使用
我们安装好软件以后就可以新建一个.html的文件,新建好的文件是空白的,这个时候我们可以利用Emmet快速生成一个html的初始页面结构,可以先输入一个’!’号,然后按下’tab’键,就会生成如下的页面结构,这种快捷方法有很多,就不一一介绍了,比如nav>ul>li 大家可以自行搜索。
二.markdown的基本语法使用
我们需要先在vscode中新建一个后缀为.md的文件并打开编辑
1. 标题
1.# 这是一级标题
2.## 这是二级标题
3.### 这是三级标题
4. ......
效果如下
这是一级标题
这是二级标题
这是三级标题
2. 代码段
`代码内容` > 将代码用一个反引号包起来为单行代码
*```*
代码...
代码...
代码...
*```*
> 以上为代码块,*号是为了防止被转义加上的,正确写法没有*好,就是三个反引号,上下闭合包起来的块
3. 表格
语法符号 |
作用 |
语法符号 |
作用 |
竖线符号丨 |
分开单元格 |
横杠符号- |
分隔表头和其他行 |
写法如图
Correcting teacher:天蓬老师
Correction status:qualified
Teacher's comments:
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!