cocos icon
    English
resource-icon
Quick Add Component v1.1.0.20210927
Category
Creator Extension Plugins
Author
ifaswind
Creator Version Required
v1.9
Supported Platform
AndroidiOSHTML5
Rating
Sale Price
$ 0.15 (Individual)

Introduction

Quick Add Component

Introduction

[Cocos Creator Editor Extension]

Select several nodes, press the hotkey to open the search bar, find target component by entering the name, and add the component to the nodes you selected quickly.

Open Source

This extension is an open source project, here is the git repository: https://gitee.com/ifaswind/ccc-quick-add-component

If you like this project, don't forget to star star!

If you have any usage problems, just create an issue on Gitee or add my WeChat im_chenpipi and leave a message.

Screenshots

screenshot-1

screenshot-2

screenshot-2

search-bar

setting-panel

Environment

Platform: Windows、macOS

Engine: Cocos Creator 2.x

Download & Installation

Install from Cocos Store

You can find this extension in Cocos Store now, click on Extension -> Cocos Store option to open the Cocos Store.

Enter "Quick Add Component" in the search bar, find it and then install it.

cocos-store

Quick Add Component: https://store.cocos.com/app/detail/2712

Download from git repository

Click here or go to the release panel, download the latest version package of this extension.

And then unzip the package:

  • Windows: Unzip to C:\Users\${your username}\.CocosCreator\packages\
  • macOS: Unzip to ~/.CocosCreator/packages/

For example, on my Windows computer, the full path of main.js file should be C:\Users\Shaun\.CocosCreator\packages\ccc-quick-add-component\main.js.

Usage

Search and add component

  1. Select several nodes in "Node Tree".

  2. Press the hotkey (The default is F3) or click on Extension -> Quick Add Component -> Search option to open the search bar.

  3. Enter the component name then you'll get a list of components.

  4. Scroll the mouse wheel or press the Up Arrow and Down Arrow to scroll through the list.

  5. Find and select your target component, click on it or press Enter to add it to the nodes that you selected.

And then, click on anywhere outside the search bar or press ESC to close the search bar.

Setting

Click on Extension -> Quick Add Component -> Setting option to open the setting panel.

In the setting panel, you can choose a hotkey(shortcut, for opening the search bar quickly) in preset list, or customize one by yourself.

One thing you should know, not every keys/keys-combinations can be used, because some keys/keys-combinations have been used by the system or Cocos Creator.

Accelerator reference: https://www.electronjs.org/docs/api/accelerator

User Rating

Average Rating
(5)
Total users participating at this score: 6

Reviews

sddev 2021-09-03 11:36

我天。。又是2.x,求3.x啊。。。

Author

好像 3.x 添加组件本身就支持搜索吧,应该用不上这个~

grace10 2021-05-31 16:26

测试

211987407 2021-04-22 10:34

哈哈哈 好用省事

azsz12000 2021-04-03 16:02

很棒,之前习惯unity的输入加组件的行为,刚开始用cc的时候不习惯,要手动选择,然后看到了这个插件,很棒~

NicolussLee 2021-03-16 11:30

皮皮侠的“插件”,总是很好用!用了之后,一个字---爽! 逍遥推荐!赶快来买!好机会不容错过!

abnerguo 2021-03-16 11:22

皮神出品 必是精品 很好用 皮神666 欢迎大家来买

ifaswind 2021-03-15 22:49

皮皮说:这么棒的小工具,赶紧白嫖一份啊喂,走过路过不要错过!

  • 1

2020 © Cocos.com版权所有

增值电信业务经营许可证:闽B2-20160169

闽ICP备14002653号-6

闽公网安备 35020302033941号