在vscode中引用uni-app扩展组件（uni-ui），不用手动导入

最新推荐文章于 2024-04-21 00:53:49 发布

Ll.l.

最新推荐文章于 2024-04-21 00:53:49 发布

阅读量1k

点赞数 1

文章标签： uni-app javascript 开发语言

本文链接：https://blog.csdn.net/weixin_42343966/article/details/130701829

版权

一、在src下的pages.json文件里面写入easycom规则

  "easycom": {
  "autoscan": true,
  "custom": {
      "^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
  }
},

注意要放在对象里面

二、npm下载uni-ui

npm i @dcloudio/uni-ui

三、接下来运行项目就能使用啦，不用手动导入组件

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Ll.l.

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
在vscode中引用uni-app扩展组件（uni-ui），不用手动导入

一、在src下的pages.json文件里面写入easycom规则。三、接下来运行项目就能使用啦，不用手动导入组件。二、npm下载uni-ui。
复制链接

扫一扫

uni-app中扩展组件的使用

tyoubinn的博客

10-10

4530

1. 安装uni-ui 官方文档地址：https://ext.dcloud.net.cn/plugin?id=55 npm install @dcloudio/uni-ui 2. 使用以使用 Badge 数字角标为例： import {uniBadge} from '@dcloudio/uni-ui' export default { components: {uniBadge} } <uni-badge text="1"></uni-badge> <uni-b

hbuildX 开发uni-app 引入组件uni-ui

03-23

uni-app开发微信小程序

1 条评论您还未登录，请先登录后发表或查看评论

vscode环境使用uniapp的扩展组件（uni-ui）

m0_63477273的博客

03-06

2828

vscode环境使用uniapp的扩展组件（uni-ui）

uni-app常用拓展组件推荐

热门推荐

`雾博客

10-18

1万+

安装sass-loader（使用低于@11.0.0版本，sass-loader@11.0.0不支持vue@2.6.12）：npm i sass-loader@10.1.1 -D 或者 yarn add sass-loader@10.1.1 -D。uni组件符合easycom规范，HBuilderX 2.5.5起，只需将本组件导入项目，在页面template中即可直接使用，无需在页面中import和注册components。：传统vue组件，需要安装、引用、注册三个步骤后才能使用组件，

vscode中uni-app引入uni-ui

weixin_44576964的博客

02-03

1646

使用npm安装 1.打开链接https://www.npmjs.com/package/@dcloudio/uni-ui. 2.在项目命令中依次输入 npm i @dcloudio/uni-ui --save npm i sass -D npm i sass-loader -D 3.在 script 中引用组件 import {uniBadge} from '@dcloudio/uni-ui' export default { components: {uniBadge} } ...

小程序 ColorUI uni-app UI组件

02-12

ColorUI是一个css库，引入样式后可以根据class来调用组件。支持原生小程序开发与UniApp开发。

uni-app+Vue3+pinia+uview-plus搭建的项目包

12-28

uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-plus搭建的项目包！uni-app+Vue3+pinia+uview-...

uni-app+color-ui+uview-ui 搭建的H5端初始demo

04-09

已经封装好request请求，api模块化管理，页面水印，cds请求等各种常用的js

基于uni-app和colorUI开发H5初始模板

12-22

非常简单，使用方便

VSCode plugin for miniapp

08-20

VSCode 微信小程序插件. 代码模板,自动完成, 自动补全语法.

VSCode 配置uni-app的方法

11-20

CＬＩ工程全局安装vue-cli npm install -g @vue/cli 通过cli创建uni-app项目 vue create -p dcloudio/uni-preset-vue uni-app 选择项目模板，可自由选择如下图：:backhand_index_pointing_down: 使用vscode打开创建的项目安装vue语法提示插件:backhand_index_pointing_down: cli工程自带uni-app&5+app语法提示安装组件语法提示 npm i @dcloudio/uni-helper-json 从 git 下载 uni-app 代码块，放到项目目录下的 .vscode 目录即可拥有和 HBuilderX 一样的代码块。使用scss

Uniapp 官网扩展组件使用步骤

改变从现在开始

11-21

4093

Uniapp 官网扩展组件使用详细步骤（带图！！！）

扩展应用功能的无限可能——UniApp生态系统中的组件库探索(一)

Why_does_it_work的博客

06-29

4176

Vant：Vant 是一个基于 Vue.js 和 WeUI 的移动端组件库，提供了丰富的 UI 组件，包括按钮、表单、弹窗、导航、轮播等等。Vant 具有易用性和良好的性能，在 UniApp 中广泛应用。uView UI：uView UI 是一款专为 Vue.js 开发的跨平台 UI 组件库，在 UniApp 中同样适用。它提供了一系列精美的组件和丰富的功能，如视图容器、表单、图标、工具类等，同时还支持自定义主题和多语言切换。

Vscode 基础必备常用插件

RosaChampagne的博客

05-15

2183

1、Auto Close Tag 自动添加HTML/XML关闭标记 2、Auto Rename Tag 自动修改匹配的 HTML 标签 3、Code Spell Checker 代码的拼写检查 4、Color Highlight 突出显示颜色 5、CSS Peek 允许查看css ID和类字符串作为从html文件到相应css的定义。允许查看和转到定义。 6、cssrem 将px转为rem 7、Git History 查看git日志、文件历史记录、比较分支或提交 8、GitL...

uni-app自定义组件及拓展(uni-ui)组件的使用

weixin_73331644的博客

04-16

1257

UniApp 是一个基于 Vue.js 的跨平台应用框架，可以用来开发同时运行在多个平台（如微信小程序、支付宝小程序、App等）的应用程序。在 UniApp 中，组件的使用与 Vue.js 中的组件使用基本类似，但需要考虑跨平台兼容性。

vue-cli创建uni-app引入uni-ui

weixin_59685936的博客

09-25

1173

vue-cli创建uni-app引入uni-ui

如何在uni-app中使用element-ui

05-12

在uni-app中使用element-ui需要先安装element-ui和element-theme-default依赖包。可以使用以下命令进行安装： ``` npm install element-ui element-theme-default ``` 安装完成后，在main.js中引入element-ui和element-theme-default： ``` import Vue from 'vue' import App from './App' import ElementUI from 'element-ui' import 'element-theme-default' Vue.use(ElementUI) Vue.config.productionTip = false App.mpType = 'app' const app = new Vue({ ...App }) app.$mount() ``` 然后就可以在组件中使用element-ui的组件了，例如： ``` <template> <div> <el-button type="primary">按钮</el-button> </div> </template> <script> export default { name: 'MyComponent' } </script> <style> /* 可以根据需要自定义样式 */ </style> ``` 需要注意的是，由于uni-app是基于vue开发的，所以在使用element-ui时也需要遵循vue的开发规范。

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

非常没帮助
没帮助
一般
有帮助
非常有帮助

提交