Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/peakchen90/vue-beautify
vscode的一个vue格式化插件
https://github.com/peakchen90/vue-beautify
vscode vue vue-beautify
Last synced: 3 months ago
JSON representation
vscode的一个vue格式化插件
- Host: GitHub
- URL: https://github.com/peakchen90/vue-beautify
- Owner: peakchen90
- Created: 2017-03-14T12:59:46.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2022-12-06T20:42:14.000Z (about 2 years ago)
- Last Synced: 2023-03-02T04:16:13.224Z (almost 2 years ago)
- Topics: vscode, vue, vue-beautify
- Language: JavaScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=peakchen90.vue-beautify
- Size: 862 KB
- Stars: 25
- Watchers: 3
- Forks: 18
- Open Issues: 28
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
Awesome Lists containing this project
README
> ## Note: This project is no longer maintained. 注意:这个项目已经不在维护了
# vue-beautify for vscode
## Features
Beautify Vue code in Visual Studio Code.

## Usage
1. Keyboard Shortcut: `ctrl+shift+f` ;
2. Open context menu in vue, choose `Beautify Vue` ;
3. Press `F1`, search `Beautify Vue`, and click the item.## Indent Option
The vue-beautify's indent option according to the textEditor's indent option, like this:

## Keyboard Shortcut
Use the following to embed a beautify shortcut in keybindings.json. Replace with your preferred key bindings.
```json
{
"key": "ctrl+shift+f",
"command": "extension.vueBeautify",
"when": "editorTextFocus && !editorReadonly"
}
```## Github
[https://github.com/peakchen90/vue-beautify](https://github.com/peakchen90/vue-beautify)