How to create a new Vue 3 project

Friday, October 3, 2025

Setting up a new Vue 3 project efficiently is essential for modern web development with improved performance, Composition API, and better TypeScript support. As the creator of CoreUI, a widely used open-source UI library, I’ve created numerous Vue 3 projects for enterprise dashboards and admin interfaces, leveraging the latest Vue ecosystem improvements. From my expertise, the most modern approach is to use Vite with npm create vue@latest command. This method provides lightning-fast development server, optimized builds, and seamless integration with the latest Vue 3 features.

Use npm create vue@latest command to create a new Vue 3 project with Vite and modern tooling.

npm create vue@latest my-vue-app

The npm create vue@latest command uses the official Vue project scaffolding tool powered by Vite, offering superior performance compared to webpack-based setups. The interactive setup allows you to choose TypeScript, router, state management (Pinia), testing framework, and other features. Vite provides instant hot module replacement, fast cold starts, and optimized production builds. After creation, navigate to the project directory and run npm install followed by npm run dev to start the development server.

Best Practice Note:

This is the same approach we use for new CoreUI Vue 3 projects to leverage modern development tools and improved performance. Choose TypeScript, Vue Router, and Pinia during setup for enterprise-ready applications, and consider ESLint + Prettier for code quality.

Speed up your responsive apps and websites with fully-featured, ready-to-use open-source admin panel templates—free to use and built for efficiency.

About the Author

Łukasz Holeczek, Founder of CoreUI, is a seasoned Fullstack Developer and entrepreneur with over 25 years of experience. As the lead developer for all JavaScript, React.js, and Vue.js products at CoreUI, they specialize in creating open-source solutions that empower developers to build better and more accessible user interfaces.

With expertise in TypeScript, JavaScript, Node.js, and modern frameworks like React.js, Vue.js, and Next.js, Łukasz combines technical mastery with a passion for UI/UX design and accessibility. CoreUI’s mission is to provide developers with tools that enhance productivity while adhering to accessibility standards.

Łukasz shares its extensive knowledge through a blog with technical software development articles. It also advises enterprise companies on building solutions from A to Z. Through CoreUI, it offers professional services, technical support, and open-core products that help developers and businesses achieve their goals.

Learn more about CoreUI’s solutions and see how your business can benefit from working with us.