muya-vscode

Muya 组件库插件

Extension Settings

插件设置

muyaVscode.iconfontProjects iconfont 仓库数组

案例，可以通过增加数组来添加你自己的 iconfont 项目

{
    "name": "muya-theme-light",
    "cdnUrl": "//at.alicdn.com/t/font_1224481_7s1qizmzjfk.js",
    "prefix": "icon",
    "pkg": "@qunhe/muya-theme-light"
}, 
{
    "name": "muya-theme-up",
    "cdnUrl": "//at.alicdn.com/t/font_1984685_3wymuz6n1bp.js",
    "prefix": "up-",
    "pkg": "@qunhe/muya-theme-up"
}, 
// 如果你使用的 css 方案，可以这么配置
{
    "name": "muya-theme-up-use-css",
    "cdnUrl": "//at.alicdn.com/t/font_1984685_3wymuz6n1bp.js",
    "pkg": "@qunhe/muya-theme-up",
    "importType": "off",
    "format": "off",
    "template": "<i className=\"<%= name %>\" />"
}

配置的 ts 类型：

export interface IconRepo {
	/** iconfont cdn url */
	cdnUrl: string;
	/** project name */
	name: string;
	/** icon 名称格式化，可以关闭  */
	format?: 'off' | 'camelCase';
	/** icon prefix */
	prefix?: string;
	/** icon 的包名 */
	pkg: string;
	/** 图标后缀 */
	suffix?: string;
	/** 插入代码的模板 */
	template?: string;
	/** 是否要 import 对应的 icon 的 npm 包  */
	importType?: 'auto' | 'singleLine' | 'off';
}

muyaVscode.importType

全局的 import 类型：

• 'auto': 自动
• 'singleLine': 单行 import ，不合并
• 'off': 关闭自动 import

muyaVscode.languages

只在对应的语言生效，默认值 ["typescriptreact", "javascriptreact", "jsx" ]