前端vscode常见的代码片段
时间: 2023-10-16 20:23:52 浏览: 149
在 VS Code 中,我们可以通过代码片段来快速生成常用的代码块。以下是一些常见的前端代码片段:
1. HTML5 基本结构
```
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
```
2. CSS3 基本样式
```
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
font-size: 16px;
line-height: 1.4;
}
```
3. JavaScript 调试工具
```
console.log('$1');
```
4. Vue.js 基本模板
```
<template>
<div>
$1
</div>
</template>
<script>
export default {
name: '',
data() {
return {
$2
};
},
methods: {
$3
}
};
</script>
<style scoped>
$4
</style>
```
5. React 基本模板
```
import React from 'react';
function $1() {
return (
<div>
$2
</div>
);
}
export default $1;
```
以上是一些常见的前端代码片段,你也可以根据自己的需求自定义代码片段。
阅读全文