How To Create Your First Vue 3 Project On A Mac

1. Install Vue CLI

Vue CLI is a package that provides the vue command in your terminal which makes it easier to create a new project.

npm install -g @vue/cli

OR

yarn global add @vue/cli

2. Check Vue CLI has been installed

vue --version

3. Create your Vue project

vue create [PROJECT_NAME]

4. Choose a Vue version

Check the differences here.

5. Head into the Vue project

cd [PROJECT_NAME]

6. Build and locally host your project

yarn serve

You should see something like this:

You’re ready to start coding! :)

TROUBLESHOOSTING 🔎

The installation process might not be as smooth sailing as described above so here’s some extra code for you to try out!

1.

sudo npm install -g @vue/cli --unsafe-perm

2.

sudo npm uninstall -g @vue/cli
sudo npm install -g @vue/cli --unsafe-perm
sudo npm install -g vue@3.0.0-rc.9

3.

npm install -g @vue/cli@latest