前端学习笔记7-vs code

前端学习笔记7-vs code

  • 安装
  • 快捷键
  • 安装live server扩展

安装

官网,很简单不用一分钟。https://code.visualstudio.com/

快捷键

输入一个感叹号!,然后按tab键(注意输入法切换成中文),就出现下面的代码。


<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Documenttitle>
head>
<body>
	
body>
html>

Ctrl+反斜杠:注释的快捷键

	

安装live server扩展

这个插件可以一直刷新网页,安装后鼠标右键会有这个:在这里插入图片描述
然后你的网页就自动刷新了。
但是这样还不够方便,为了和pycharm一样有自动保存的效果,点击设置,这个选择afterDelay,OK了。
前端学习笔记7-vs code_第1张图片

你可能感兴趣的:(小白前端学习,html,css)