格式化文章结尾自动换行问题
为了解决这种JS以及css格式化后自动换行的问题
我在setting.json中添加了
,解决了打出一行漂亮代码格式化后自动换行影响美观的烦恼，但是带来了一个并发问题，JS跟VUE格式化后文章结尾不会自动添加一个空白行了，要手动添加，不然会报错，请问老师这个怎么解决
这样每次格式化还要在文章结尾打个回车也挺烦。
正在回答
同学你好，经过沟通，课程中老师用的是这个插件
安装成功后，在编辑器界面按下F1，输入formatter，选择带有config的配置
点击后打开的是formatter.json文件，进行配置修改
效果
自己试试。
这个是我的setting.json的设置
{
"workbench.iconTheme": "vscode-icons",
"vsicons.dontShowNewVersionMessage": true,
"editor.linkedEditing": true,
"[vue]": {
"editor.defaultFormatter": "octref.vetur"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[css]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"files.associations": {
"*.vue": "vue",
"*.css": "css",
"*.html": "html",
"*.art": "html"
},
"[json]": {
"editor.quickSuggestions": {
"strings": true
},
"editor.suggest.insertMode": "replace"
},
"json.schemas": [
{
"fileMatch": ["/myfile"],
"url": "schemaURL"
}
],
"vetur.ignoreProjectWarning": true,
"beautify.language": {
"js": {
"type": ["javascript", "json", "jsonc"],
"filename": [".jshintrc", ".jsbeautifyrc"]
},
"css": ["css", "less", "scss"],
"html": ["htm", "html", "vue"]
},
"beautify.config": {
"brace_style": "collapse,preserve-inline"
},
"security.workspace.trust.untrustedFiles": "open",
"settingsSync.ignoredExtensions": [],
"emmet.syntaxProfiles": {
"vue-html": "html",
"vue": "html"
},
"window.zoomLevel": -1,
"[scss]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
// vscode默认启用了根据文件类型自动设置tabsize的选项
"editor.detectIndentation": false,
// 重新设定tabsize
"editor.tabSize": 4,
// #值设置为true时，每次保存的时候自动格式化；值设置为false时，代码格式化请按shift+alt+F
"editor.formatOnSave": false,
// #每次保存的时候将代码按eslint格式进行修复
// #让prettier使用eslint的代码格式进行校验
"prettier.eslintIntegration": true,
// #去掉代码结尾的分号
"prettier.semi": false,
// #使用带引号替代双引号
"prettier.singleQuote": true,
"prettier.tabWidth": 4,
// #让函数(名)和后面的括号之间加个空格
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
// #这个按用户自身习惯选择
"vetur.format.defaultFormatter.html": "js-beautify-html",
// #让vue中的js按"prettier"格式进行格式化
"vetur.format.defaultFormatter.js": "prettier",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
// #vue组件中html代码格式化样式
"wrap_attributes": "auto", //也可以设置为“auto”，效果会不一样
"wrap_line_length": 200,
"end_with_newline": false,
"semi": false,
"singleQuote": true
},
"prettier": {
"semi": false,
"singleQuote": true,
"trailingComma": "none"
}
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
// 格式化stylus, 需安装Manta's Stylus Supremacy插件
"stylusSupremacy.insertColons": false, // 是否插入冒号
"stylusSupremacy.insertSemicolons": false, // 是否插入分号
"stylusSupremacy.insertBraces": false, // 是否插入大括号
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否换行
"stylusSupremacy.insertNewLineAroundBlocks": false,
"prettier.useTabs": true,
"files.autoSave": "off",
"explorer.confirmDelete": false,
"[javascript]": {
"editor.defaultFormatter": "HookyQR.beautify"
},
"diffEditor.ignoreTrimWhitespace": false // 两个选择器中是否换行
}
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星