https://github.com/peakchen90/vue-beautify

vscode的一个vue格式化插件
https://github.com/peakchen90/vue-beautify

vscode vue vue-beautify

Last synced: about 3 hours ago
JSON representation

vscode的一个vue格式化插件

• Host: GitHub
• URL: https://github.com/peakchen90/vue-beautify
• Owner: peakchen90
• Created: 2017-03-14T12:59:46.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2022-12-06T20:42:14.000Z (almost 2 years ago)
• Last Synced: 2023-03-02T04:16:13.224Z (over 1 year 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.

![preview](source/preview.gif)

## 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: 

![indent option](source/indent-option.png)

## 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)