Vue CLI 安装和创建 Vuetify 项目

导读:本篇文章讲解 Vue CLI 安装和创建 Vuetify 项目,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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.使用Vue CLI创建Vue.js的项目

 $ vue create vue-project

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

切换到新项目目录

 $ cd my-app

运行 Vue 项目

 $ npm run serve

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

4.运行Vuetify

现在你已经实例化了一个项目,你可以使用 Vue CLI 添加Vuetify

 $ vue add vuetify

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

运行Vuetify

 $ npm run serve

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/92679.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!