vue3+vuetify安装

vue3+vuetify的安装

  • 一、安装nodejs+npn
  • 二、使用vite创建工程
    • 1、创建工程
    • 2、安装vue-cli
    • 3、添加vuetify库
    • 4、安装vue-router
    • 5、启动
    • 6、打开测试页面

一、安装nodejs+npn

去官网下载nodejs,并配置好环境变量(把安装包bin目录配到path里)
以管理员身份运行power shell,键入node -v,npm -v能看到版本显示即可。

二、使用vite创建工程

1、创建工程

npm create vite@latest

而后根据命令行提示创建工程

2、安装vue-cli

npm install -g @vue/cli

3、添加vuetify库

cd ${projet_name} #projet_name是自己项目的名称
vue add vuetify

4、安装vue-router

npm install
npm install vue-router@4 --save

5、启动

npm run dev

6、打开测试页面

在浏览器中打开http://localhost:3000/
查看是否能看到如下页面:
vue3+vuetify安装_第1张图片

你可能感兴趣的:(vue,hello,world,vue.js)