【Vue3】1.0 创建 VUE3+VITE+NAIVEUI 项目

本文介绍如何快速安装Node.js、Vite并使用它们创建Vue3项目,接着集成NaiveUI框架,并提供了打开及运行现有Vue项目的步骤。

安装node.js

这个直接去官网下载一路安装完成就行没有什么值得说的

安装Vite

npm init vite@latest

一条命令搞定 也没啥好说

使用Vite创建 Vue3 项目

npm init vite@latest my-vue-app -- --template vue

一条命令搞定,这里是按照npm 7 以上版本创建 老版本的npm 应该已经不存在了

在Vue3项目中集成 Naive UI

安装UI
npm i -D naive-ui
安装字体
npm i -D vfonts
官网地址

https://www.naiveui.com/zh-CN/os-theme

这些UI框架都差不多 学那个也行 ElementPlus年头比较久远 不如这个新鲜 相对来说

A VUE3+VITE+NAIVE UI project is created.

如何打开别人的VUE项目

或者是Git clone下来的项目 在项目目录运行以下命令即可

npm install

运行VUE项目的命令

npm run dev

用vite构建的VUE3项目是可以这样启动起来的。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值