Vs code vue template tag formatting

html formatting in vs-code combines the newline writing of tags into one line. For example,
original

<el-dialog 
  title="" 
  :visible.sync="dialogVisible" 
  width="30%" 
  :before-close="handleClose">
</el-dialog>

after formatting

<el-dialog title="" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
</el-dialog>

what is the name of the original HTML writing method first? Then how can I set up the format without changing the original line wrapping
now the prettier, used for formatting seems to be merged with beautify. The setting goes like this:

"vetur.format.defaultFormatter.html": "prettier",

format the format of a line. I don"t think it looks good. Ask for advice

Visual-studio-code vue.js

Mar.10,2021

what is the original way of writing HTML called
html wrap attributes
prettier does not support line break beautification of HTML attributes. See GITHUB discussion 1 , discussion 2
it is recommended to use prettyhtml to complete the formatting you mentioned. The VUE plugin Vetur has built-in formatting of HTML,CSS,JS, etc. By default, the built-in prettyhtml is used to complete HTML formatting. The VSCODE configuration is as follows:
```
   Mark it and ask for the same thing 
					
```



Previous: How does nodejs redis set the expiration time?
Next: TotoiseSVN submitted the project and reported an error







How to configure VS Code so that the html property of a Vue file can have the same property line as the official example when fromat?

I use vetur, I know it can
{
"vetur.format.defaultFormatter.html": "js-beautify-html"
}
works with formatting html, but this plug-in formats all properties into one line, which looks awkward.
...


Visual-studio-code
vue.js


Mar.02,2021




How does vue+vscode+pug automatically format * .vue files?

1. The company uses mac to go home and its own computer is Windows 2. The vscode configuration files for both computers are the same
does anyone know how to solve it? Thank you very much
...


Visual-studio-code
vue.js
pug


Mar.03,2021




Vscode formatting plug-in

using vscode to develop vue projects, currently .vue files cannot be formatted with one button at the same time html,js,css.
has not been configured for using vetur, so you can only format one of the html,js,css, and the other two are too messy to us...


Visual-studio-code
vue.js


Mar.11,2021




VS Code starts Vue launch.json configuration

{
"version": "0.2.0",
"configurations": [
{
"type": "node",
"request": "launch",
"name": "Launch Program",
"program":...


Visual-studio-code
vue.js


Mar.12,2021




Does the vscode development vue front-end project have plug-ins that are automatically formatted when saved?
 for .vue files, recommend plug-ins that can automatically format code when writing js scripts to save. ...


Visual-studio-code
vue.js


Mar.14,2021




Vscode,vetur formatting parentheses have been configured and still do not add spaces

--
"prettier.singleQuote": true,
"prettier.semi": false,
"javascript.format.insertSpaceBeforeFunctionParenthesis": true,
"vetur.format.defaultFormatter.js": "vscode-typescript",
&...


Visual-studio-code
vue.js


Mar.20,2021




When editing a vue file with VSCode, you cannot use go to definition F12
The vue plug-in used by is officially recommended by vetur,. When editing .vue files and selecting vue in language mode, you cannot use go to definition or preview definition. The language selection mode must be changed to JavaScript. Is there any way to...


Visual-studio-code
vue.js
javascript


Jun.16,2021




The problem of reporting an error in vue+ts+iview
 for example, I recently used vue+ts+iview to do a project. But ts reported an error Property validate does not exist on type Element | Element [] | Vue | Vue [] .Property validate does not exist on type Element . Although it does not affec...


Javascript
visual-studio-code
vue.js


Nov.06,2021




Problems with vscode formatting vue code
 I set "editor.tabSize ": 4, and opened editor.detectIndentation, but the right-click formatted code still has a lock of only two characters, and the html fragment cannot format ....


Visual-studio-code
vue.js


Dec.01,2021




Indentation of vs code formatted vue code

paste the settings first
what s going on, and why can t the code be formatted with four spaces?
...


Visual-studio-code
vue.js


Dec.20,2021




Vscode cannot go to import's file

problem description
as shown in the picture above, I am a mac computer. If I hold down the command+ left button and click on this path, shouldn t I jump to the file?
the file path completion extension is . errorTestA.vue , and add .vue to ju...


Visual-studio-code
vue.js


Jan.26,2022




Does prettier format vue code not work after vscode is updated to the latest version?

after updating vscode to the latest version, format the vue code with prettier. I originally set
"prettier.singleQuote": true,
"prettier.semi": false,
it works to remove the semicolon and uniformly use the sign when formatting b...


Visual-studio-code
vue.js


Apr.07,2022




[Vue warn]: Failed to resolve filter: parseTime

I want to format the returned timestamp type in the el-table of element-ui. Why did I report this error
...


Element-ui
visual-studio-code
vue.js
javascript


Jun.14,2022






False


Django, Why does the system automatically generate an empty session? every time the request is made?


Use python to convert dict1 to dict2, in the example. I tried for a long time but couldn't find a solution.


How to self-start the php-fpm service when building a LNMP environment with docker?


Can an array in react state be bound to a dom state using an element in the array?


Wechat browser version 6.6.5 cannot prevent the springback of pull-up and drop-down to the top under ios system.


In express+hbs, how do you define the routed data as a variable on the page?


How to use symbol reference of Iconfont in dva


How to elegantly add data to JSON objects?


Using node to build video streaming server


The proportional width of the echarts graph is inconsistent.


React uses axios to call the background data. After success, how to jump to the page based on the returned value?


I don't understand what a linux command means. Please explain it.


Vue introduces multiple components in vue-router by nesting named views, and does not refresh the same reference in other pages.


Running nodejs reports fewer errors ")"



css
mysql
arrays
josn
react
html
typescript
webpack
npm
sass
R
objective-c
.net
sql-server
jquery
python-3.x
angularjs
django
angular
excel
regex
iphone
ajax
linux
xml
pandas
vba
spring
database
wordpress
string
wpf
xcode
windows
bash
postgresql
oracle
multithreading
eclipse
list
firebase
algorithm
macos
forms
image
scala
visual-studio
azure
bootstrap
spring-boot
react-native
python-2.7
docker
performance
function
winforms
matlab
powershell
apache
dataframe
api
sqlite
numpy
rest
shell
selenium
flutter
dart
maven
loops
qt
swing
android-studio
csv
express
file
class
tensorflow
sorting
codeigniter
perl



Js flowchart implementation


How to transfer binary data using websocket, under weex?


Weiyun Synchronize disk Synchronize after the completion of the folders, files have a green check mark, how to achieve?


How to capture keyboard events when el-dialog pops up


Java only returns methods of the same name with different value types, and their signatures are different. How can they exist at the same time in the same class?




© 2021 CodesHelper


Advertising
Contact us
About us


Menu