构建Vuetify项目

前言

需要Node版本在18.0以上,推荐安装Node版本管理工具

安装脚手架

打开终端,执行以下命令进行安装(将会在当前目录下创建一个项目目录):

1
$ npm create vuetify

根据需要选择安装的内容:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Vuetify.js - Material Component Framework for Vue

√ Project name: ... vuetify-project
√ Which preset would you like to install? » Default (Vuetify)
√ Use TypeScript? ... No / Yes
√ Would you like to install dependencies with yarn, npm, pnpm, or bun? » yarn

◌ Generating scaffold...
◌ Installing dependencies with yarn...


vuetify-project has been generated at C:\Users\makun\Desktop\temp\vuetify-project

Discord community: https://community.vuetifyjs.com
Github: https://github.com/vuetifyjs/vuetify
Support Vuetify: https://github.com/sponsors/johnleider

进入项目目录,安装依赖并运行

1
2
3
$ cd vuetify-project
$ npm install
$ npm run dev

运行成功后访问Demo网站

参考文档

开始使用 Vuetify 3

Vue3简介