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

安装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项目是可以这样启动起来的。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值