编辑器IDE之VSCode
2023-09-11 14:16:54 时间
很多时候面临换项目组,公司内部换等等,需要清除之前的权限,电脑更换等... 确实很烦人,所以记录也是给自己下次更加快速方便的使用
插件安装
个人常用的一些插件,发现好用的会更新
插件名 | 功能 |
---|---|
vscode-fileheader | 文件头部信息 |
ESLint | 代码校验工具 |
Auto Close Tag | 自动闭合标签 |
Auto Rename Tag | 修改HTML标签时,自动修改匹配的标签 |
TODO Highlight | toDo高亮 |
Bracket Pair Colorizer | 用不同颜色高亮显示匹配的括号 |
vetur | vue代码提示插件 |
vscode-icons | 文件图标 |
One Dark Pro | vscode主题 |
vscode eslint 配置
- vscode 下载eslint插件
- npm install -g eslint 全局安装eslint
- vscode 用户设置配置 (settings.json)
{
//为了符合eslint的两个空格间隔原则
"editor.tabSize": 2,
//使用eslint规则重新格式化代码
"eslint.autoFixOnSave": true,
//关闭自动文件自动存储
"files.autoSave": "off",
"eslint.validate": [
"javascript",
{
"language": "vue",
"autoFix": true
},
"html",
"vue"
]
}
- 项目中有eslint的配置文件 即可用eslint的基本配置
setting.json
部分setting设置
{
"workbench.iconTheme": "vscode-icons",
"workbench.colorTheme": "One Dark Pro",
"explorer.confirmDelete": false,
//为了符合eslint的两个空格间隔原则
"editor.tabSize": 2,
//使用eslint规则重新格式化代码
"eslint.autoFixOnSave": true,
//关闭自动文件自动存储
"files.autoSave": "off",
"eslint.validate": [
"javascript",
{
"language": "vue",
"autoFix": true
},
"html",
"vue"
],
"fileheader.Author": "xiaoxuehe",
"fileheader.LastModifiedBy": "xiaoxuehe",
"todohighlight.isEnable": true,
}
问题记录
左侧活动栏
左边活动栏搜索按钮没了,文件->首选项->设置
// 控制搜索功能显示在侧边栏还是水平空间更大的面板区域
"search.location": "sidebar",
相关文章
- vscode 整理————开篇之力(一)
- [VSCode] Create a sharable code snippet image with Polacode extension
- VSCode调试配置
- VSCode编辑器前端常用插件
- VSCode中设置Python解释器运行Scrapy
- 问题解决:内网环境下给 VScode 安装插件
- Visual Studio Code 自动换行,vscode设置自动换行
- wsl vscode Linux安装docker
- 使用 phpStudy + VSCODE 进行 PHP 断点调试
- VSCODE includePath 中使用系统中的变量
- PHPSTROM 转 VSCODE 折腾记录
- VsCode代替Vivado的文本编辑器
- 【Deepin 20系统】Linux系统从零打造完美VScode for Python环境
- vscode安装了Live Server插件后,用Open with Live Server运行本地html文件,页面出现选择文件打开的效果,目录是~/,页面标题是listing directory
- jQuery ajax读取本地json文件_jQuery请求本地JSON文件,在谷歌浏览器运行时报跨域错误_Vscode使用Live Server
- VScode Remote-SSH远程编辑和调试Linux文件代码