{"id":6992,"date":"2026-01-21T10:07:28","date_gmt":"2026-01-21T01:07:28","guid":{"rendered":"https:\/\/dandelions.co.jp\/blog\/?p=6992"},"modified":"2026-01-21T10:07:28","modified_gmt":"2026-01-21T01:07:28","slug":"setting-up-a-vue-3-development-environment-on-windows-using-cursor","status":"publish","type":"post","link":"https:\/\/dandelions.co.jp\/blog\/blog\/2026\/01\/21\/setting-up-a-vue-3-development-environment-on-windows-using-cursor\/","title":{"rendered":"Setting Up a Vue 3 Development Environment on Windows Using Cursor"},"content":{"rendered":"\n

As a tech blog, I\u2019d like to share what I\u2019ve been learning recently.
This time, I\u2019ll walk you through how I set up a Vue 3 development environment using Cursor, a code editor with built-in AI features.<\/p>\n\n\n\n

Requirements<\/h2>\n\n\n\n

\u30fbNode.js
\u30fbCursor
\u30fbVue3
\u30fbVue Router<\/p>\n\n\n\n

Installing Node.js<\/h2>\n\n\n\n

Download the installer from the official website<\/a>
The latest version at the time of writing is 24.12.0 (LTS)
Download the Windows installer<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Follow the installation wizard. If you don\u2019t have any specific preferences, just clicking ‘Next’ through all the steps is fine.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

You can basically keep clicking ‘Next’ here as well, but if you plan to use various Node.js modules in the future, it\u2019s a good idea to check this option.
However, it\u2019s not necessary for this setup.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n\n\n\n

That\u2019s it! Node.js is now set up and ready to go.<\/p>\n\n\n\n

Installing Cursor<\/h2>\n\n\n\n

Download the installer from the official website<\/a>.
The latest version at the time of writing is 2.2.44.
If you don\u2019t have any specific preferences, you can proceed with the default settings during installation.
After installation, you\u2019ll be prompted to log in, so it\u2019s a good idea to create an account on the official website beforehand for a smoother setup.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Adding Extensions to Cursor<\/h2>\n\n\n\n

Add the following extensions to Cursor<\/p>\n\n\n\n