Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>ace-toolNew to Visual Studio Code? Get it now.
ace-tool

ace-tool

tianyu1993

|
175 installs
| (0) | Free
这是ace组件快速开发工具
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

这是一个提高编辑器组件开发效率的工具

代码提示

  1. .vue文件中输入 vue + tab 会自动生产组件结构

  2. 支持 ace-ui 组件代码提示

    输入 af + tab 会生成表单组件代码块
    输入 ai + tab 会生成输入框代码块
    输入 ab + tab 会生成按钮代码块
    // 文档补全中...

    image

  3. 支持常用代码块提示

    输入 cl 会生产 console.log()
    输入 st 会生成 setTimeout代码块
    // 文档补全中...

组件开发辅助功能

  1. 新建组件文件夹,命名

  2. 右击文件夹,点击 新建default组件,会生成组件默认结构

    image

  3. // 文档补全中...

组件打包

  1. 在package.json文件中添加命令

image

  1. 在vue.config.js文件中添加打包配置

image

  1. 运行命令npm run packages

image

生成的组件可在编辑器中使用。

生成的组件目录启动一个https服务后,可在编辑器开发者配置中配置本地ip地址,即可在线上编辑器调试开发本地组件。

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft