VScode 主题字体颜色 必备插件
vscode配置必备
·
主题字体颜色
通过文件>首选项>设置 > 搜索workbench.settings.editor,选中json即可改成json设置
// settings.json (个人配置)
{
"files.associations": {
"*.vue": "vue",
"*.wpy": "vue",
"*.wxml": "html",
"*.wxss": "css"
},
"terminal.integrated.shell.windows": "C:\\Windows\\System32\\cmd.exe",
"git.enableSmartCommit": true,
"git.autofetch": true,
"emmet.triggerExpansionOnTab": true,
"emmet.showAbbreviationSuggestions": true,
"emmet.showExpandedAbbreviation": "always",
"emmet.includeLanguages": {
"vue-html": "html",
"vue": "html",
"wpy": "html"
},
//主题颜色
//"workbench.colorTheme": "Monokai",
"git.confirmSync": false,
"explorer.confirmDelete": false,
"editor.fontSize": 14,
"editor.wordWrap": "on",
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 2,
// #值设置为true时,每次保存的时候自动格式化;
"editor.formatOnSave": false,
//每120行就显示一条线
"editor.rulers": [
],
// 在使用搜索功能时,将这些文件夹/文件排除在外
"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
// },
// #让vue中的js按"prettier"格式进行格式化
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatter.js": "prettier",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
// #vue组件中html代码格式化样式
"wrap_attributes": "force-aligned", //也可以设置为“auto”,效果会不一样
"wrap_line_length": 200,
"end_with_newline": false,
"semi": false,
"singleQuote": true
},
"prettier": {
"semi": false,
"singleQuote": true
}
},
"editor.suggest.snippetsPreventQuickSuggestions": false,
"workbench.iconTheme": "vscode-icons",
"[vue]": {
"editor.defaultFormatter": "Vue.volar"
},
"files.autoSave": "afterDelay",
"files.autoSaveDelay": 60000,
"eslint.validate": [
"javascript",
"javascriptreact",
"vue-html",
{
"language": "vue",
"autoFix": true
}
],
"eslint.run": "onSave",
"eslint.autoFixOnSave": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"[javascript]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[scss]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[json]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"z-reader.fileDir": "C:\\Users\\yushangyu\\Desktop",
"z-reader.onlineSite": "笔趣阁",
"bracketPairColorizer.depreciation-notice": false,
"thiefBook.filePath": "C:/Users/yushangyu/Desktop/abc.txt",
"thiefBook.currPageNumber": 74346,
"diffEditor.ignoreTrimWhitespace": false,
"editor.fontLigatures": false,
"workbench.settings.editor": "json"
}
必备插件
1、open in browser(浏览器里预览网页必备,运行html文件)
2、Auto Rename Tag (自动修改匹配的 HTML 标签)
3、Path Intellisense (智能路径提示)
4、Prettier - Code formatter (比Beautify更好用的代码格式化插件)
5、vetur (语法高亮、智能感知等)
6、Chinese (Simplified) (简体中文)
更多推荐
已为社区贡献2条内容
所有评论(0)