vscode的setting.json个人配置及个人常用插件

vscode这个编辑器,前端工作人员使用的非常多,我也是经常使用,每次在新的电脑上使用时都要重新写setting.json配置,感觉很麻烦,就写了这篇文章记录下自己的一些常用配置。顺便说一句,setting.json配置没有最好的,只有最适合自己的。
{
"files.associations": {
"*.vue": "vue",
"*.wpy": "vue",
"*.wxml": "html",
"*.wxss": "css"
},
//主题颜色
"explorer.confirmDelete": false,
"editor.fontSize": 14,
"window.zoomLevel": 1,
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #值设置为true时,每次保存的时候自动格式化;
"editor.formatOnSave": false,
"workbench.editor.enablePreview": false, // 关闭文件的预览模式
"workbench.iconTheme": "material-icon-theme",
// 在使用搜索功能时,将这些文件夹/文件排除在外
"search.exclude": {
"**/node_modules": true,
"**/bower_components": true,
"**/target": true,
"**/logs": true,
},
// 这些文件将不会显示在工作空间中
"files.exclude": {
"**/.git": true,
"**/.svn": true,
"**/.hg": true,
"**/CVS": true,
"**/.DS_Store": true,
"**/*.js": {
"when": "$(basename).ts" //ts编译后生成的js文件将不会显示在工作空中
},
"**/node_modules": true
},
"editor.suggest.snippetsPreventQuickSuggestions": true
}
二、个人常用插件
Auto Close Tag(自动补全 html 标签)
Auto Rename Tag(自动完成另一侧标签的同步修改)
Babel ES6/ES7
Bracket Pair Color DLW(为多个括号添加不同的颜色)
Chinese(汉化,安装后点击ctrl + shift + p快捷键,然后在命令窗口中输入Configure Display Language,点击确定之后选择zh-cn即可切换到中文版)
Debugger for Chrome
easy less(保存less之后自动生成css)
easy sass (保存sass之后自动生成css)
ESLint
GitLens — Git supercharged(git提交日志)
HTML CSS Support
HTML Snippets
Highlight Matching Tag
IntelliSense for CSS class names in HTML
JavaScript (ES6) code snippets(ES6语法智能提示)
Material Icon Theme
npm Intellisense
open in browser
Path Intellisense
Windows Colors(每个vscode窗口自动着色,这里提供几个颜色:#08436E)
Prettier - Code formatter
React Native Tools
React/Redux/react-router Snippets
SVG Viewer
Trailing Spaces
Vetur
settings sync(设置同步插件,个人不太喜欢使用这个插件)
三、个人常用软件
notepad++
四:vue3开发插件
插件市场搜索 Vue Language Features (Volar)
和 TypeScript Vue Plugin (Volar)
安装,且禁用 Vetur




更多推荐
所有评论(0)