vue-cli UI

.circleci/config.yml

@@ -56,6 +56,17 @@ jobs:
       - run: yarn test -p unit-mocha,unit-jest,e2e-nightwatch,e2e-cypress
       - run: yarn test tsPluginE2e
 
+  cli-ui:
+    <<: *defaults
+    steps:
+      - attach_workspace:
+          at: ~/project
+      - run: cd packages/@vue/cli-ui && yarn test
+      - store_artifacts:
+          path: packages/@vue/cli-ui/tests/e2e/videos
+      - store_artifacts:
+          path: packages/@vue/cli-ui/tests/e2e/screenshots
+
 workflows:
   version: 2
   test:
@@ -73,3 +84,6 @@ workflows:
       - group-4:
           requires:
             - install
+      - cli-ui:
+          requires:
+            - install

.postcssrc

@@ -0,0 +1,5 @@
+{
+  "plugins": {
+    "autoprefixer": {}
+  }
+}

appveyor.yml

@@ -10,6 +10,7 @@ test_script:
   - node --version
   - yarn --version
   - yarn test
+  - cd "packages/@vue/cli-ui" && yarn test
 
 cache:
   - node_modules -> yarn.lock

docs/README.md

@@ -162,3 +162,4 @@ See [@vue/cli-plugin-typescript](https://github.com/vuejs/vue-cli/tree/dev/packa
 
 - [Contributing Guide](https://github.com/vuejs/vue-cli/blob/dev/.github/CONTRIBUTING.md)
 - [Plugin Development Guide](https://github.com/vuejs/vue-cli/blob/dev/docs/plugin-dev.md)
+- [Plugin UI Development Guide](https://github.com/vuejs/vue-cli/blob/dev/docs/plugin-dev-ui.md)

docs/cli.md

@@ -2,6 +2,7 @@
 
 - [Installation](#installation)
 - [Usage](#usage)
+- [Launch the GUI](#launch-the-gui)
 - [Creating a New Project](#creating-a-new-project)
 - [Presets](#presets)
 - [Zero-config Prototyping](#zero-config-prototyping)
@@ -28,11 +29,28 @@ Commands:
   inspect [options] [paths...]     inspect the webpack config in a project with vue-cli-service
   serve [options] [entry]          serve a .js or .vue file in development mode with zero config
   build [options] [entry]          build a .js or .vue file in production mode with zero config
+  ui [options]                     start and open the vue-cli ui
   init <template> <app-name>       generate a project from a remote template (legacy API, requires @vue/cli-init)
 ```
 
 For each command, you can also use `vue <command> --help` to see more detailed usage.
 
+### Launch the GUI
+
+```
+Usage: ui [options]
+
+start and open the vue-cli ui
+
+
+Options:
+
+  -p, --port <port>  Port used for the UI server (by default search for awailable port)
+  -h, --help         output usage information
+```
+
+![Vue-cli UI preview](./vue-cli-ui-preview.gif)
+
 ### Creating a New Project
 
 ```