Is it possible to launch vue ui in glitch terminal?

Hello
With something like package.json.dependency = “@vue/cli”:“4.5.6”
I managed to get it installed and execute
$ vue info

Environment Info:

System:
OS: Linux 4.4 Ubuntu 16.04.6 LTS (Xenial Xerus)
CPU: (3) x64 Intel® Xeon® CPU E5-2670 v2 @ 2.50GHz
Binaries:
Node: 12.0.0 - /opt/nvm/versions/node/v12/bin/node
Yarn: 1.22.5 - ~/node_modules/.bin/yarn
npm: 6.9.0 - /opt/nvm/versions/node/v12/bin/npm
Browsers:
Chrome: Not Found
Firefox: Not Found
npmPackages:
@vue/cli: 4.5.6 => 4.5.6
@vue/cli-shared-utils: 4.5.6
@vue/cli-ui: 4.5.6
@vue/cli-ui-addon-webpack: 4.5.6
@vue/cli-ui-addon-widgets: 4.5.6

When I do
vue ui
I am getting
$ vue ui
:rocket: Starting GUI…
:stars: Ready on http://localhost:8000

I am having no clue how I could access that with my web browser

My next idea was starting vue ui on port 3000
vue ui -p 3000
:rocket: Starting GUI…
:stars: Ready on http://localhost:3000

Well, that port is usually taken by the “glitch app”
If I disable the glitch app, then the URL that points to port 3000 also stops working.

I think I found the solution by accident just myself
url / gets hosted on port 3000 by server.js - the default Glitch App
url /project/select gets hosted on port 8000 by the vue ui

I will have to find out, how sustainable that is

2 Likes

It is able to launch - then you are quickly out of space

image

Hey @matjung,

I do not advise running Vue UI and a Vue app in the same project especially because only one port (3000) is available. It is therefore recommended to use the Vue CLI and create a Vue project.

# Create a new project in a folder
vue create project-name  

# OR

# Create a new project in the same directory
vue create .

Then, it will ask you for a few details regarding the configuration of your Vue project, here’s a full guide to help you out in case you get stuck: https://cli.vuejs.org/guide/creating-a-project.html#vue-create.

I’ll try and see if there are any workarounds in running Vue UI and Vue project together in a Glitch project, and I’ll let you know here.

Hope this helps!

2 Likes