Hello, fellows. Welcome to the NxVueCosmopolis.

The NxVueCosmopolis is a vue3 mono repo project with nx as a build tool. It can assist you in starting a vue3 mono repo swiftly.

If you want to build a vue or react or whatever application. Some other templates can help you.

• nx-vue-spark (a vue3 standalone application based on nx)
• nx-vue-cosmopolis(a vue3 mono repo based on nx)

there is some basic knowledge about nx that can help you quickly use it. You can do some tests in this repo quickly.

the plugin of NX has some powerful cli functionality that can help you do something quickly.

The functionality of cli is all from plugins. Let's have a look quickly.

First, run nx list command in your terminal.

Now Let's use it.

#1. create a lib named products
nx g @nx/vue:library products --directory=modules/products --unit-test-runner=vitest --bundler=vite

#2. create a component under products lib
nx g @nx/vue:component product-list --directory=modules/products/src/cart

Okay. Now we have created a products lib and a component. The project name is defined at modules/products/project.json the outputs are defined at modules/products/vite.config.ts called outDir field.

First, the Nx provides a `show`` command that can help you to look at How many projects you have and the details of your project.

Let me show you quickly

So that you know that all projects and tasks are in our repo. And the NX supports cache and parallel to run a task. It's a super powerful ability.

Graph dependencies within the workspace

nx graph

Hope this repository can help you guys. If you like it. Please give me a star, thanks. ⭐️