创建vue3+vite+ts项目并添加uni-ui插件

根据官网给出的方式

因为我命令行创建失败,所以我直接访问gitee下载模版

下载好之后,我想使用uni-app的ui库,一开始选择用npm安装

并添加了相应配置,在vue.config.ts里官网说是,如果是vue3+vite无需添加配置,但是终端还是指出在vue.config.ts里报错

选择用npm安装,发现uni-ui是直接安装在node_modules里的,官网页说要加一些配置让npm找到组件(如果创建项目的时候选择uni-ui,会在src下默认有一个uni_modules文件夹,不需要其他配置,uni-app自己会找到这个文件夹)

所以还是推荐使用直接导入的方式

一种是比较节省资源的,需要哪个就导入哪个

如果你觉得每次导入都很麻烦,你可以选择直接导入全部组件



uni-ui是依赖saas的,所以别忘了安装saas+saas-loader

  • 安装 sass
csharp 复制代码
 npm i sass -D   或   yarn add sass -D  
  • 安装 sass-loader
sql 复制代码
npm i sass-loader@10.1.1 -D   或   yarn add sass-loader@10.1.1 -D

就好了,推荐使用直接导入的方式

相关推荐
0思必得04 小时前
[Web自动化] Selenium处理滚动条
前端·爬虫·python·selenium·自动化
Misnice4 小时前
Webpack、Vite、Rsbuild区别
前端·webpack·node.js
青茶3604 小时前
php怎么实现订单接口状态轮询(二)
前端·php·接口
大橙子额4 小时前
【解决报错】Cannot assign to read only property ‘exports‘ of object ‘#<Object>‘
前端·javascript·vue.js
爱喝白开水a6 小时前
前端AI自动化测试:brower-use调研让大模型帮你做网页交互与测试
前端·人工智能·大模型·prompt·交互·agent·rag
董世昌416 小时前
深度解析ES6 Set与Map:相同点、核心差异及实战选型
前端·javascript·es6
吃杠碰小鸡7 小时前
高中数学-数列-导数证明
前端·数学·算法
kingwebo'sZone7 小时前
C#使用Aspose.Words把 word转成图片
前端·c#·word
xjt_09017 小时前
基于 Vue 3 构建企业级 Web Components 组件库
前端·javascript·vue.js
我是伪码农7 小时前
Vue 2.3
前端·javascript·vue.js