前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >vscode开发小程序配置uniapp组件的方式

vscode开发小程序配置uniapp组件的方式

原创
作者头像
挥刀北上
发布2025-01-15 16:16:17
发布2025-01-15 16:16:17
1820
举报

文档地址:https://uniapp.dcloud.net.cn/component/uniui/quickstart.html#npm%E5%AE%89%E8%A3%85

主要需要两个步骤:

第一个步骤:需要npm安装:

代码语言:txt
复制
npm i @dcloudio/uni-ui   或   yarn add @dcloudio/uni-ui

第二个步骤:

代码语言:txt
复制
{
	"easycom": {
		"autoscan": true,
		"custom": {
			// uni-ui 规则如下配置
			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
		}
	},
	
	// 其他内容
	pages:[
		// ...
	]
}

文档中说的不是很清楚,如果是用cli直接创建的小程序项目,不用配置vue.config.js,直接配置商量两个步骤即可,cli创建uniapp小程序项目的指令是:

代码语言:txt
复制
npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project

之后会出现如下界面:

选取模版即可。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档