一. VScode的下载安装

1.Vscode简介
Visual Studio Code (简称VSCode) 是一款轻量级跨平台编辑器,支持OSX,Windows和Linux,适用于编写现代web和云应用。
2.Vscode下载与安装
下载地址:https://code.visualstudio.com/

打开官方网址,点击Download进入下载页面,选择开发的版本下载。(默认windows环境)下载完成后步骤如下:点击单机运行、我接受协议、在“添加到PATH(重启后生效)”框内打勾、安装、完成。





至此,vscode就基本下载完成了。
4.Vscode如何设置成中文
·启动vscode,在应用商店输入“chinese”,点击lnstall安装即可。
·按ctrl+shift+p打开命令调试板,输入“Configure Display Langurage”,选择并按Enter键,在locale.json文件中的配置项修改为“locale”:”zh-cn”,保存修改。

二.VScode必备插件的安装

可以根据个人习惯开发的语言配置
1.Vscode常用插件和作用

2.Vscode必备调试插件
在拓展栏的搜索栏输入open in browser,安装此插件即可查看和调试html文件。

三.Markdown语法

Markdown是一种轻量级标记语言,易读易写,可以转换成有效的XHTML(或者HTML)文档。
1.常用语法
标题
标题能显示出文章的结构,在行首插入 1 到 6 个 # ,对应到标题 1 到 6 阶,例如:
H1:# Header 1

H2:## Header 2

H6:###### Header 6
图片
如何在Markdown中插入图像?
1.在Markdown编辑器输入 ,你可以从电脑桌面拖放图片(.png, .gif, .jpg)到图像上传框,或者点击图片上传框使用标准的图像上传方式。
写代码
添加内嵌代码:一对回勾号 ``.
插入代码,:标准Markdown基于缩进代码行或者4个空格位;
GFM:使用三个回勾号```
更多语法详情见:[markdown语法说明](http://markdown.cn

四.Emmet的语法

Emmet是一款文本编辑器/IDE的插件,用来快速生成复杂的HTML代码,掌握一些常用的语法可以减少重复编码的工作。
生成HTML结构
输入!按下Tab,即可生成标准的HTML5结构

常用语法
后代:>

div>ul>li

兄弟:+

div>label+input

分组:()

div>(ul>li)+(ol>li)

文本内容:{}

div>a{点这里跳转}

重复多个:*

div>ul>li*5

更多语法详情见https://docs.emmet.io/cheat-sheet/。

更多相关文章

  1. R语言包的安装
  2. 简单介绍编辑器vscode的安装与配置
  3. docker 安装脚本
  4. 【CSS入门】CCS基本语法和常用选择器的使用方法
  5. LAMP架构应用实战—Apache服务介绍与安装01
  6. 安装Kali linux
  7. MySQL数据库入门——多实例配置
  8. Konga面板安装
  9. 9.0 Ansible 图形界面-Tower

随机推荐

  1. 检查internet连接
  2. Android 控件的显示隐藏上下左右移动动画
  3. Android复制粘贴到剪贴板
  4. Android(安卓)API 28 使用 android-async
  5. Android Wear Preview- 从通知上接收语音
  6. Android 开源框架的收集
  7. 网络书签about Android
  8. Android UI详解之动态布局
  9. android aidl通讯两个APP之间的应用
  10. android读写文件