Vue CLI 安装和创建 Vuetify 项目

您所在的位置:网站首页 flow3d111安装教程 Vue CLI 安装和创建 Vuetify 项目

Vue CLI 安装和创建 Vuetify 项目

#Vue CLI 安装和创建 Vuetify 项目 | 来源: 网络整理| 查看: 265

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

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


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3