VSCode安装与使用

文章目录

  • 安装
  • 使用
  • 插件

安装

官网下载

使用

创建一个基本的html文件

  1. 打开vscode 点击New file
  2. 右下角Plaint text改为HTML
  3. 输入!回车 html骨架创建完成

<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    
body>
html>

插件

VSCode安装与使用_第1张图片
VSCode汉化包
搜索框输入Chinese 选择第一个下载 重启VSCode

open in browser
搜索框输入open in browser 重启VScode
使用:右键中就会多出两个快捷操作 可以快速浏览器预览
VSCode安装与使用_第2张图片

Auto Rename Tag
搜索框输入Auto Rename Tag 重启VScode
使用:双标签改动一个 另一个会直接改动

CSS Peek
搜索框输入CSS Peek 重启VScode
使用:追踪至样式

你可能感兴趣的:(前端,前端)