一. vscode的安装
1. 什么是vscode
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义热键、括号匹配、代码片段、代码对比 Diff、GIT 等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Win、Mac 以及 Linux
2. vscode的安装
首先我们打开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. 表格
语法符号 | 作用 | 语法符号 | 作用 |
---|---|---|---|
竖线符号丨 | 分开单元格 | 横杠符号- | 分隔表头和其他行 |