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/clisudo npm install -g @vue/cli --unsafe-permsudo npm install -g vue@3.0.0-rc.9

3.

npm install -g @vue/cli@latest

--

--

--

Tech Enthusiast | Entrepreneur | Music Artist | MEng @ Cambridge

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

10 must-know JavaScript array methods

How to pass data between routed components in Angular

MyDevJourney002: a time comsuming task.

How To Create a Random String with JavaScript

Here Are 6 Useful React Components

Hands on with React Native

Everything You Need to Know About PWAs

Chrome DevTools tip #1

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Akhil Sonthi

Akhil Sonthi

Tech Enthusiast | Entrepreneur | Music Artist | MEng @ Cambridge

More from Medium

HOW TO CREATE A DARK/LIGHT THEME TOGGLE

Right-click on folders and open them with VS Code

Trying out Svelte: Framework without a framework

💕 7 Romantic VS Code Themes for the perfect Valentine’s Day