博主信息
博文 4
粉丝 0
评论 0
访问量 9227
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
Vscode的下载安装和必备插件的使用与Markdown、Emmet的语法简介
浅笑
原创
1385人浏览过

一. 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/

批改老师:天蓬老师天蓬老师

批改状态:合格

老师批语:
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学