vscode编辑器个人性化配置，用于vue、react+eslint代码规范

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Web前端全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注前端）

正文

“files.autoSave”: “off”,

“editor.detectIndentation”: false, //缩进

“vetur.validation.template”: false, //遍历时报错

“explorer.confirmDragAndDrop”: false, // 2019-1-7添加

“editor.wordWrap”: “on”, //换行

“terminal.integrated.shell.windows”: “D:\git\Git\bin\bash.exe”, //配置git终端

“team.showWelcomeMessage”: false, //scss报错

“emmet.syntaxProfiles”: {

“vue-html”: “html”,

“vue”: “html”

},

“html.format.wrapAttributes”: “force-aligned”,

// 文件顶部注释

“fileheader.customMade”: {

“Author”: “renlei”,

“Date”: “Do not edit”, // 文件创建时间(不变)

“LastEditors”: “renlei”, // 文件最后编辑者

“LastEditTime”: “Do not edit”, // 文件最后编辑时间

“Description”: “” //描述

},

// 函数注释

“fileheader.cursorMode”: {

“name”: “handle”,

“description”: “”,

“param”: “:{ type }”,

“return”: “”

},

“eslint.options”: {

“parserOptions”: {

“ecmaVersion”: 6,

“ecmaFeatures”: {

“jsx”: true

}

}

},

“emmet.includeLanguages”: {

“javascript”: “javascriptreact”,

“aspx”: “html”

},

“emmet.triggerExpansionOnTab”: true,

“eslint.validate”: [

“javascript”,

“javascriptreact”,

“typescript”,

“typescriptreact”,

“html”,

“vue”,

“jsx”

],

“prettier.singleQuote”: false,

“prettier.semi”: true,

// “vetur.format.defaultFormatterOptions”: {

// “wrap_attributes”: “force-aligned”

// },

//这是大括号后不换行

“beautify.config”: {

“brace_style”: “collapse,preserve-inline”

},

// Set backgroundColor

“highlight-icemode.backgroundColor”: “red”,

// Set Border Color

“highlight-icemode.borderColor”: “blue”,

“vetur.format.defaultFormatter.js”: “vscode-typescript”,

“vetur.format.defaultFormatterOptions”: {

“js-beautify-html”: {

“wrap_attributes”: “force-aligned” // 可以换成上面任意一种value

}

},

//html行内样式提示

“editor.parameterHints”: true,

“editor.quickSuggestions”: {

“other”: true,

“comments”: true,

“strings”: true

},

“[less]”: {

“editor.defaultFormatter”: “esbenp.prettier-vscode”

},

“[javascript]”: {

专业技能

一般来说，面试官会根据你的简历内容去提问，但是技术基础还有需要自己去准备分类，形成自己的知识体系的。简单列一下我自己遇到的一些题

• HTML+CSS

• JavaScript

• 前端框架

• 前端性能优化

• 前端监控

• 模块化+项目构建

• 代码管理

• 信息安全

• 网络协议

• 浏览器

• 算法与数据结构

• 团队管理

最近得空把之前遇到的面试题做了一个整理，包括我本人自己去面试遇到的，还有其他人员去面试遇到的，还有网上刷到的，我都统一的整理了一下，希望对大家有用。

其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器等等

由于文章篇幅有限，仅展示部分内容

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注前端）
[外链图片转存中…(img-HZaX5484-1713396099340)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！