# naive-ui-helper

**Repository Path**: forestxieCode/naive-ui-helper

## Basic Information

- **Project Name**: naive-ui-helper
- **Description**: Naive-Ui组件，VsCode插件
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-27
- **Last Updated**: 2023-02-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 这是VSCode的Naive UI的代码助手
[English](README.md) | 中文
### 介绍

为了更优秀的开发体验，我们构建了一个 `VSCode 插件`。

### 特性

- 🛠️  全组件的语法提示和语法补全。
- 🛠️  全组件的文档地址快速跳转。

### 安装

VsCode 插件市场搜索 [naive-ui-helper](https://marketplace.visualstudio.com/items?itemName=forestXie.naive-ui-helper)。

### 如何使用

输入组件名称时出现语法提示，选中后进行语法补全。

<img src="https://gitee.com/forestxieCode/resource/raw/master/naive-ui/01.gif" style="width: 100%; display: block; border-radius: 4px; margin-top: 16px">

鼠标移动到组件名会显示组件的文档地址，可以点击进行跳转。

<img src="https://gitee.com/forestxieCode/resource/raw/master/naive-ui/02.png" style="width: 100%; display: block; border-radius: 4px; margin-top: 16px">

在标签的属性输入范围按下空格或属性关键字，显示属性补全提示和属性信息。

<img src="https://gitee.com/forestxieCode/resource/raw/master/naive-ui/03.png" style="width: 100%; display: block; border-radius: 4px; margin-top: 16px">