vue-cli UI

[Akryum]

Initial release may not include all items in this list.

Main components:

• Project creation
  • Preset save
  • Remote preset
  • Preset management
• Project import
• Project list
  • Remove project
  • Favorite project
• Project plugins
  • View installed plugins with some details
  • Search (thanks to Algolia) and add a new plugin
  • Plugin updates
  • Git Diff
• Project configuration
  • JSON files
  • Embedded in package.json
  • YAML files
  • JS files
• Project tasks
  • Parameters
  • Webpack Dashboard view
  • Bundle visualizer view
• cli-ui plugins system
  • 3rd-party component loading
  • Realtime SharedData
  • PluginAction
  • IPC

Secondary components:

• Folder explorer
  • Green icon for folders with package.json file
  • Vue icon for vue-cli 3.x projects
  • Favorite folders
• Prompts system
  • list/rawlist
  • confirm
  • checkbox
  • input/password
  • expand
  • editor
  • color
• Status bar
  • Current project
  • CWD
  • vue-cli logs
  • Bug report button
  • Plugin support
• Project nav
  • Badges (running tasks, plugin updates)
  • Plugin support
• Git Diff GUI
  • Show file diff
  • Commit
  • Open file
• Desktop notifications

Other:

• Localization vue-cli UI localization #987
• Built and runnable distribution

[anteriovieira]

@Akryum could implement the same interface as devtools, what do you think?

[igeligel]

Looks nice 👍

Have optimized images so package keeps a little bit smaller. Everything was optimized with tinypng. In the end i saved around 60% of file size. You can find the imgur album here.

Here are the direct links to the optimized images:

• babel: https://i.imgur.com/Q2njgfp.png
• eslint: https://i.imgur.com/T1GMyek.png
• pwa: https://i.imgur.com/R94sIco.png
• typescript: https://i.imgur.com/xyJuHEF.png
• jest: https://i.imgur.com/4AzqLky.png
• mocha: https://i.imgur.com/15S6Mfr.png
• nightwatch: https://i.imgur.com/0NNio3H.png
• cypress: https://i.imgur.com/S30LOJy.png
• vue logo: https://i.imgur.com/ak48f6u.png

Would be nice if we can replace some logos with svgs i guess. Can do some work on the weekend if you want. Just ping me 👍

[Akryum]

@igeligel You can do a PR to this branch. 😉

[Akryum]

@anteriovieira You mean embeding the devtools into cli-ui?

[anteriovieira]

Sorry for my english, I meant use the same layout.

[igeligel]

@Akryum Created #1013 regarding image optimization.