Vue UI方式安装和创建 Vuetify 项目

web开发 专栏收录该内容
16 篇文章 0 订阅

这是对视频内容的总结
视频地址: 一. 前端开发快速上手(VUE + Vuetify)

1.安装npm

npm:是 nodejs 下的包管理器。所以需要安装 nodejs
windows安装npm教程–nodejs

2.安装 Vue 脚手架

Vue CLI安装

可以使用下列任一命令安装这个新的包:

npm install -g @vue/cli
#OR
yarn global add @vue/cli

安装之后,你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。

你还可以用这个命令来检查其版本是否正确:

vue --version

在这里插入图片描述
3.创建 Vuetify 项目

# 确保 Vue CLI 版本是 >= 3.0
vue --version
//或
vue -V

# 然后启动 UI
vue ui

在这里插入图片描述
在这里插入图片描述

  • 点击创建
    在这里插入图片描述
  • 修改路径在这里插入图片描述
    在这里插入图片描述
  • 输入项目名称
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

3.安装Vuetify 插件

在这里插入图片描述
在这里插入图片描述

4.运行项目

! 注意要在项目路径下执行

npm run serve

在这里插入图片描述

浏览器中查看,成功
在这里插入图片描述

  • 0
    点赞
  • 2
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 游动-白 设计师:白松林 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值