正在回答 回答被采纳积分+1
{
"files.autoSave": "off"
}
{
"files.eol": "\n",
"typescript.preferences.quoteStyle": "single",
"javascript.preferences.quoteStyle": "single"
// tab 大小为2个空格
"editor.tabSize": 2,
// 编辑器换行
"editor.wordWrap": "off",
// 保存时格式化
"editor.formatOnSave": false,
// 开启 vscode 文件路径导航
"breadcrumbs.enabled": true,
// prettier 设置语句末尾不加分号
"prettier.semi": false,
// prettier 设置强制单引号
"prettier.singleQuote": true,
// 选择 vue 文件中 template 的格式化工具
"vetur.format.defaultFormatter.html": "js-beautify-html",
// vetur 的自定义设置
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "aligned-multiple"
},
"prettier": {
"singleQuote": true,
"semi": false,
"printWidth": 100,
"wrapAttributes": false,
"sortAttributes": false
}
}
}
{
"[html]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"[javascript]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"editor.tabSize": 2,
"eslint.autoFixOnSave": true, // 每次保存的时候将代码按eslint格式进行修复
"prettier.eslintIntegration": true, //让prettier使用eslint的代码格式进行校验
"prettier.semi": false, //去掉代码结尾的分号
"prettier.singleQuote": true, //使用带引号替代双引号
"javascript.format.insertSpaceBeforeFunctionParenthesis": true, //让函数(名)和后面的括号之间加个空格
"vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
"vetur.format.defaultFormatter.js": "vscode-typescript", //让vue中的js按编辑器自带的ts格式进行格式化
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_attributes": "auto" //"force-aligned" //属性强制折行对齐
}
},
"[jsonc]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"javascript.format.insertSpaceBeforeFunctionParenthesis": false, // #不让函数(名)和后面的括号之间加个空格
"vetur.validation.template": false,
"[json]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"html.format.wrapAttributes": "preserve",
"search.followSymlinks": false // 阻止iview报错
}
老师能帮看看哪里错了吗
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maxmun-scale=1.0,user-scalable=0">
<title>Document</title>
<script>
(function(){
var docEl = document.documentElement;
function setRemUnit(){
var rem = docEl.clientWidth/10;
docEl.style.fontSize = rem + 'px';
}
setRemUnit();
window.addEventListener('resize',setRemUnit);
window.addEventListener('pageshow',function(e){
if(e.persisted){
setRemUnit();
}
})
})()
</script>
<link rel="stylesheet" href="../lib/reset.css">
<link rel="stylesheet" href="../index/header/header.css">
</head>
<body>
<div class="header">
<div class="search-bar">
<div class="bar-location">
<div class="location-icon"></div>
<div class="location-text">郑州市</div>
</div>
</div>
<div class="search-btn">
<p class="place-holder">鸡翅</p>
</div>
<img class="header-img" src="https://app.nihaoshijie.com.cn/upload/bannertemp.e8a6fa63.jpg" alt="1">
</div>
</body>
</html>
.header{
position: relative;
width:100%;
}
.header .header-img{
width:100%;
height:11.125rem;
}
- 参与学习 人
- 提交作业 622 份
- 解答问题 6815 个
微信带火了小程序，也让前端工程师有了更多的展现机会，本阶段带你从移动基础知识的学习到webAPP开发，及小程序开发，让你PC端与移动端两端通吃。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星