This image provides Vue CLI UI inside a docker container
Open Windows PowerShell and pull the image
docker pull netsgosolutions/vue-cli
Open docker UI, navigate to Images tab and click RUN on netsgosolutions/vue-cli image
Open Optional Settings
| Variable | Example | Description |
|---|---|---|
| Container Name | netsgo.no | Friendly container name |
Click the + button to add more
| Port | Description |
|---|---|
| 8000 | Default Vue UI port |
| 8080 | Default Vue project port |
You can add more project ports if you have multiple Vue projects
Example for volume path
| Host Path | Container Path | Description |
|---|---|---|
| C:\Users\YOUR_USER\Documents\GitHub\netsgo.no | /code | Volume for accessing project files |
Once all of configuration is done, press Run. The container should now start
This step only needs to be done once. Navigate to Containers / Apps tab and click on CLI button to open command line for the container. Execute yarn install, this may take a few minutes. Once done, you can close the command line.
Navigate to localhost:8000 in your browser and navigate to Import tab. Select your project folder and click Import this folder. If you see public and src folders by default, you do not need to select a project folder, simply click Import this folder
Navigate to Tasks tab, select serve and click Run task. Once it's done compiling you can open the live app by navigating to localhost:8080