Git Product home page Git Product logo

element-helper's Introduction

Element-Helper

Element-Helper is a Atom package for Element-UI, if you use VSCode editor, please go to VSCode VERSION

Element-UI is a great library. More and more projects use it. So, For helping developer write by Element-UI more efficient, Element-Helper is born.

Feature

  • Document

  • Autocomplete

  • Snippets

Document

Usage

1 - Move cursor to Element-UI tag or select it

2 - Press default hot key ctrl + cmd + z

3 - Select tag you want to search

4 - Enter and trigger document browser

document

Version and Language Switching

1 - Enter Atom -> Preferences

2 - Enter Packages and search Element-Helper package

3 - Enter Setting

4 - Switch version and language

Auto Update Mechanism

Document is off-line and auto synchronize with Element-UI official site.

Keymap

Default hot key is ctrl + cmd + z. If it has conflicted with other software's hot key. You can customize it.

1 - Enter Atom -> Keymap

2 - Customize your config. like

"atom-workspace":
  "ctrl-alt-z": "element-helper:search-under-cursor"

Autocomplete

autocomplete

  • Distinguish and auto complete property and method for every Element-UI tag

  • Prompt value when value is some special type like Boolean or ICON.

Snippets

snippets

Support snippets list:

  • msg

    this.$message({
      message: '',
      type: ''
    })
    
  • alert

    this.$alert('', '', {
      confirmButtonText: '',
      callback: () => {}
    });
    
  • confirm

    this.$confirm('', '', {
      confirmButtonText: '',
      cancelButtonText: '',
      type: ''
    }).then(() => {})
      .catch(() => {});
    
  • prompt

    this.$prompt('', '', {
      confirmButtonText: '',
      cancelButtonText: '',
      inputPattern: //,
      inputErrorMessage: ''
    }).then(({ value }) => {})
      .catch(() => {});
    
  • msgb

    this.$msgbox({
      title: '',
      message: '',
      showCancelButton: '',
      confirmButtonText: '',
      cancelButtonText: '',
      beforeClose: (action, instance, done) => {}
    }).then(action => {});
    
  • notify

    this.$notify({
      title: '',
      message: ''
    });
    

Contribution

Your pull request will make Element-Helper better.

LICENSE

MIT

element-helper's People

Contributors

axemea avatar showjoy avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

element-helper's Issues

HTMLElement.shadowRoot is deprecated.

The contents of atom-text-editor elements are no longer encapsulated
within a shadow DOM boundary. Please, stop using shadowRoot and access
the editor contents directly instead.

HTMLElement.shadowRoot (/Applications/Atom.app/Contents/Resources/app.asar/src/text-editor-element.js:13:10)
BoxEdit.getElements (/Users/Leopardotto/.atom/packages/box-edit/lib/page.coffee:31:30)
BoxEdit.getPageDims (/Users/Leopardotto/.atom/packages/box-edit/lib/page.coffee:40:19)
BoxEdit.toggle (/Users/Leopardotto/.atom/packages/box-edit/lib/box-edit.coffee:40:12)
HTMLElement.subs.add.atom.commands.add.box-edit:toggle (/Users/Leopardotto/.atom/packages/box-edit/lib/box-edit.coffee:26:26)
CommandRegistry.handleCommandEvent (<embedded>:11:349858)

Function.extractParams is deprecated.

Assigning custom properties to a marker when creating/copying it is
deprecated. Please, consider storing the custom properties you need in
some other object in your package, keyed by the marker's id property.

Function.extractParams (<embedded>:14:61629)
MarkerLayer.markRange (<embedded>:14:72438)
DisplayMarkerLayer.markBufferRange (<embedded>:14:1097348)
TextEditor.markBufferRange (<embedded>:11:28288)
new AnnotatedRange (C:\Users\Administrator\.atom\packages\linter-ui-hinted\src\views\AnnotatedRange.js:46:30)
MessageDelegate.renderMessages (C:\Users\Administrator\.atom\packages\linter-ui-hinted\src\MessageDelegate.js:336:22)

Object.extname is deprecated.

Argument to path.extname must be a string

Object.extname (/Applications/Atom.app/Contents/Resources/app.asar/src/electron-shims.js:20:10)
Object.toggle (/Users/iboldurev/.atom/packages/autocompiler-pug-jade/lib/autocompiler-pug-jade.js:213:28)
<unknown> (/Users/iboldurev/.atom/packages/autocompiler-pug-jade/lib/autocompiler-pug-jade.js:80:15)
Function.module.exports.Emitter.simpleDispatch (<embedded>:65955:20)
Emitter.emit (<embedded>:66071:34)
Workspace.didChangeActivePaneItemOnPaneContainer (<embedded>:27930:28)

Support pug (jade)

hello, thanks for the cool package for the atom

You want to support the template pug (jade), what do you say?

Failed to activate the element-helper package

[Enter steps to reproduce:]

  1. ...
  2. ...

Atom: 1.45.0 x64
Electron: 4.2.7
OS: Unknown Windows version
Thrown From: element-helper package 0.5.4

Stack Trace

Failed to activate the element-helper package

At Arguments to CompositeDisposable.add must have a .dispose() method

TypeError: Arguments to CompositeDisposable.add must have a .dispose() method
    at assertDisposable (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:1217666)
    at CompositeDisposable.add (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:1218634)
    at Object.consumeProvider (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:162456)
    at Object.consumeProvider_2 (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:162154)
    at Provider.provide (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:14:1122140)
    at ServiceHub.provide (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:3321702)
    at Package.activateServices (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:3329988)
    at Package.activateNow (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:3326964)
    at measure (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:3326288)
    at Package.measure (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:3323898)
    at activationPromise.activationPromise.Promise (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:3326148)
    at new Promise (<anonymous>)
    at Package.activate (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:3326091)
    at PackageManager.activatePackage (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:382452)
    at o.forEach.e (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:377618)
    at Array.forEach (<anonymous>)
    at disabledPackagesSubscription.disabledPackagesSubscription.config.onDidChange (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:377602)
    at emitter.on (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:334653)
    at Function.simpleDispatch (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:1214120)
    at Emitter.emit (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:1215561)
    at Config.emitChangeEvent (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:337141)
    at Config.setRawValue (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:334381)
    at Config.set (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:330175)
    at Config.removeAtKeyPath (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:332198)
    at Package.enable (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:3323683)
    at PackageManager.enablePackage (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:11:375316)
    at HTMLButtonElement.enablementButtonClickHandler (~/AppData/Local/atom/app-1.45.0/resources/app/static/<embedded>:14:2641697)

Commands

     -1:10.8.0 core:confirm (input.hidden-input)

Non-Core Packages

atom-html-preview 0.2.6 
element-helper 0.5.4 
emmet 2.4.3 
enable-packages 1.4.2 
packages-txt 0.2.2 
teletype 0.13.4 

TextEditor.displayBuffer is deprecated.

TextEditor.prototype.displayBuffer has always been private, but now
it is gone. Reading the displayBuffer property now returns a reference
to the containing TextEditor, which now provides some of the API of
the defunct DisplayBuffer class.

TextEditor.displayBuffer (<embedded>:6:61)
Object._handleLoad (/home/o/.atom/packages/multiline-select/lib/multiline-select.coffee:21:29)
<unknown> (/home/o/.atom/packages/multiline-select/lib/multiline-select.coffee:12:24)
Workspace.observeTextEditors (<embedded>:11:428816)
Object.activate (/home/o/.atom/packages/multiline-select/lib/multiline-select.coffee:10:29)
Package.activateNow (<embedded>:11:3190216)

Uncaught TypeError: values.forEach is not a function

[Enter steps to reproduce:]

  1. ...
  2. ...

Atom: 1.21.0 x64
Electron: 1.6.9
OS: Unknown Windows version
Thrown From: element-helper package 0.4.1

Stack Trace

Uncaught TypeError: values.forEach is not a function

At C:\Users\mumu\.atom\packages\element-helper\lib\provider.js:183

TypeError: values.forEach is not a function
    at Object.getAttrValueSuggestion (/packages/element-helper/lib/provider.js:183:12)
    at Object.getSuggestions (/packages/element-helper/lib/provider.js:19:19)
    at providers.forEach.provider (D:/tool/Atom x64/resources/app/node_modules/autocomplete-plus/lib/autocomplete-manager.js:286:58)
    at Array.forEach (native)
    at AutocompleteManager.getSuggestionsFromProviders (D:/tool/Atom x64/resources/app/node_modules/autocomplete-plus/lib/autocomplete-manager.js:262:21)
    at AutocompleteManager.findSuggestions (D:/tool/Atom x64/resources/app/node_modules/autocomplete-plus/lib/autocomplete-manager.js:254:23)

Commands

  2x -1:52.7.0 core:move-left (input.hidden-input)
     -1:51.7.0 intentions:highlight (input.hidden-input)
     -1:51.6.0 core:save (input.hidden-input)
     -1:47 intentions:highlight (input.hidden-input)
     -1:46.9.0 core:save (input.hidden-input)
     -1:18.2.0 intentions:highlight (input.hidden-input)
 31x -1:18.1.0 core:undo (input.hidden-input)
     -0:58.5.0 intentions:highlight (input.hidden-input)
     -0:58.3.0 core:paste (input.hidden-input)
     -0:57.9.0 core:undo (input.hidden-input)
     -0:54.7.0 core:backspace (input.hidden-input)
     -0:52.3.0 intentions:highlight (input.hidden-input)
     -0:52.3.0 core:save (input.hidden-input)
     -0:37.1.0 intentions:highlight (input.hidden-input)
     -0:18.6.0 core:backspace (input.hidden-input)
     -0:15.4.0 autocomplete-plus:confirm (input.hidden-input)

Non-Core Packages

busy-signal 1.4.3 
element-helper 0.4.1 
file-icons 2.1.13 
intentions 1.1.5 
language-vue 0.23.1 
linter 2.0.0 
linter-eslint 8.3.2 
linter-ui-default 1.6.10 
vue-element-ui-snippets 0.7.0 

atom中安装插件报错

gyp info it worked if it ends with ok
gyp info using [email protected]
gyp info using [email protected] | darwin | x64
gyp http GET https://atom.io/download/electron/v1.3.15/iojs-v1.3.15.tar.gz
gyp WARN install got an error, rolling back install
gyp ERR! install error
gyp ERR! stack Error: connect ETIMEDOUT 54.231.120.219:443
gyp ERR! stack at Object.exports._errnoException (util.js:1022:11)
gyp ERR! stack at exports._exceptionWithHostPort (util.js:1045:20)
gyp ERR! stack at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1087:14)
gyp ERR! System Darwin 16.5.0
gyp ERR! command "/Applications/Atom.app/Contents/Resources/app/apm/bin/node" "/Applications/Atom.app/Contents/Resources/app/apm/node_modules/node-gyp/bin/node-gyp.js" "install" "--runtime=electron" "--target=1.3.15" "--dist-url=https://atom.io/download/electron" "--arch=x64" "--ensure"
gyp ERR! cwd /Users/tootwo2/.atom
gyp ERR! node -v v6.9.5
gyp ERR! node-gyp -v v3.4.0
gyp ERR! not ok

我本地的node版本是v7.4.0

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.