文章目录
- 1 前端开发介绍
- 2 开发工具
- 3 文档查阅
- 4 VSCode的插件
1 前端开发介绍
Web标准也称为网页标准，由一系列的标准组成，大部分由W3C（ World Wide Web Consortium，万维网联盟）负责制定。由三个组成部分：
-
HTML：负责网页的结构（页面元素和内容）。
-
CSS：负责网页的表现（页面元素的外观、位置等页面样式，如：颜色、大小等）。
-
JavaScript：负责网页的行为（交互效果）。
2 开发工具
Visual Studio Code（简称 VS Code ）
百度搜索下载
3 文档查阅
点击进入:W3School的HTML文档
点击进入:W3School的CSS文档
4 VSCode的插件
| VSCode插件名称 | 功能 |
|---|---|
| Chinese (Simplified) Language Pack | 汉化 |
| Code Spell Checker | 拼写检查器 |
| HTML CSS Support | 自动补全CSS样式表代码 |
| JavaScript (ES6) code snippets | 支持ES6语法提示 |
| Mithril Emmet | 补全代码 |
| Path Intellisense | 路径提示插件 |
| Vue 3 Snippets | 提供代码片段，语法高亮和格式化 |
| VueHelper | 代码提示插件 |
| Auto Close Tag | 自动闭合HTML/XML标签 |
| Auto Rename Tag | 自动完成另一侧标签的同步修改 |
| Beautify | 格式化 html ,js,css |
| Bracket Pair Colorizer | 给括号加上不同的颜色 |
| open in browser | 快速在浏览器中打开html文件 |
| Vetur | Vue多功能集成插件 |
| File Utils | File Utils插件,可以方便快捷的来创建、复制、移动、重命名文件和目录。 |
| IntelliJ IDEA Keybindings | 安装VSCode的插件 IntelliJ IDEA Keybindings 即可在VSCode中使用IDEA的快捷键。 |
