一、vscode常用插件名称以及作用
1、汉化包与格式化
序号 |
插件名称 |
描述 |
1 |
Chinese Simplified Language |
中文简体语音包 |
2 |
Prettier-Code Formatter |
几乎支持所有前端代码的格式化 |
3 |
Simple icons |
小巧实用的文件图标集合 |
4 |
One Dark Pro |
个人非常喜欢的一款主题 |
2、HTML/CSS相关插件
序号 |
插件名称 |
描述 |
1 |
Auto Close Tag |
标签自动关闭 |
2 |
Auto Rename Tag |
标签自动更名 |
3 |
Auto Complete Tag |
标签自动完成 |
4 |
HTML CSS Support |
自动补全样式表 |
5 |
HTML Snippets |
html 代码片段 |
6 |
highlight matching tag |
自动高亮显示结束括号/标签 |
3、js/vue 相关
序号 |
插件名称 |
描述 |
1 |
JavaScript(ES6) Code snippets |
js/es6 代码片段 |
2 |
Vue |
Vue 语法提示 |
3 |
Vue2 Snippets |
Vue 代码片段 |
4 |
Vue-beautify |
Vue 代码格式化 |
4、php/mysql 相关
序号 |
插件名称 |
描述 |
1 |
PHP Intelephense |
代码提示与函数跳转… |
2 |
PHP IntelliSense |
代码智能感知(可选) |
3 |
PHP DocBlocker |
代码块注释(可选) |
4 |
Format HTML in PHP |
格式化 PHP 中的 html 代码 |
5 |
MySQL |
MySQL 语法高亮 |
5、markdown 相关
序号 |
插件名称 |
描述 |
1 |
Markdown Rreview Enhanced |
mardown 文件预览 |
2 |
Markdownlint |
Markdown 语法检查器 |
6、效率相关
序号 |
插件名称 |
描述 |
1 |
Live Server |
内置 web 服务器 |
2 |
Code Runner |
支持常见的编程语言运行调试 |
3 |
Bracket pair colorizer |
不同颜色表示不同层级括号 |
4 |
path intellisense |
智能路径提示 |
二、html5中几个基础的标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
<p>段落</p>
<a href="http://www.baidu/com" target="_blank">超文本链接</a>
<a href="#id">锚点链接</a>
<img src="图片地址" alt="文字描述" />图片
<iframe src="">iframe</iframe>