一、安装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安装相关推荐

Html第1集：WebStorm 安装、vue3.0 安装、npm安装
转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/126379205 本文出自[赵彦军的博客] 文章目录 WebStorm vue3.0 ...
Vue3基础安装教程
VUE3安装网址:https://vue3js.cn/(这个不是官网,是由国内Vue爱好者共同搭建) 全局安装脚手架:npm i @vue/cli -g vue create 项目名称 (这个的意思 ...
vue3 webpack5 安装时报错 App.vue:2 Uncaught TypeError: (0 , vue__WEBPACK_IMPORTED_MODULE_0__.createEleme
在 webpack 配置vue3 element plus 的时候报错你可能安装了局部的 vue 或者 vue-loader 的版本低于16 解决方案 npm i vue-loader@next ...
Vue3的安装脚手架
vue3安装:1 @vue/cli全局安装@vue/clicnpm i @vue/cli -g创建项目vue create 项目名2 vite安装vitecnpm init vite@latest进入 ...
Vue3 devtool 安装
Vue devtool(开发环境用) 安装 vue devtool 是chrome 里面的插件,支持Vue3的版本安装6.0.0.beta15 可以翻墙的话直接去扩展商店安装 github 上搜索vu ...
Vue3.0 安装流程
1.确定node 版本 2.确定 npm 版本 3.安装 vue3.0 npm install -g @vue/cli 4. 查看 vue脚手架的版本 vue -V 5. 创建项目 vue creat ...
Vue3脚手架安装vue @/cli
@vue/cli是一个Vue脚手架,用来快速构建模块化项目结构系统环境: -node环境:node -v -npm环境:npm -v -nrm环境: nrm ls 安装node.js 网址:http ...
vue-cli脚手架Vue2.x与Vue3.x安装与预设
一.vue安装 (1)cdn:使用html写法的时候可以直接引入,虽然引用起来非常的方便,一旦官方修改内容有可能影响项目部分功能. <script src="https://unpkg ...
vue3项目安装使用scss
cnpm install style-loader --save cnpm i -D sass-loader@8.x cnpm i node-sass@4.14.1

vue3+vuetify安装

vue3+vuetify的安装

一、安装nodejs+npn

二、使用vite创建工程

1、创建工程

2、安装vue-cli

3、添加vuetify库

4、安装vue-router

5、启动

6、打开测试页面

vue3+vuetify安装相关推荐

最新文章

热门文章