Skip to content
| Marketplace
Sign in
Visual Studio Code>Programming Languages>boundless Vue HelperNew to Visual Studio Code? Get it now.
boundless Vue Helper

boundless Vue Helper

ShoneSingLone

|
52 installs
| (0) | Free
boundless Vue 项目辅助 扩展。 任意符合正则的字符串,别名跳转。在package.json同目录里面添加"configs.boundlessHelper.js" module.exports = {alias:{key是正则,value是用于 replace(正则,value) 部分}}
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

主项目 boundless_vue_project

配套插件 boundless-vue-helper

alias:跳转对应文件

  • configs.boundlessHelper.js 才会启动插件探测 (package.json 同目录)
  • 通用的配置
module.exports = {
	alias: {
		"^/common/": "/static_vue2/common/"
	},
	analysis: {
		findFilesInclude: "static_vue2/**/*.vue",
		businessPrefix: "static_vue2/business_",
		commonPrefix: "static_vue2/common/"
	},
	globalVaribles: {
		_: "static_vue2/common/libs/common.js"
	},
	vueVaribles: {
		_api: "static_vue2/business_xxxAppNamexxx/utils/api.vue",
		_opts: "static_vue2/business_xxxAppNamexxx/utils/opts.vue"
	}
};

内置别名@

@是默认business_**文件夹下的资源(对应应用)

  • 同名的文件不会冲突
    • 同样是@/entry.vue 会跳转对应应用下的文件

alias 跳转规则

  • 引号 " ' ` 内部的 会尝试添加 js 后缀,如果是 bounndless 的组件,肯定是带.vue 后缀的

_.$importVue

_.$importVue 导入的是 vue 单文件。默认导出是 default 文件名就是变量名

  • 目前只支持单个导出;
  • 多个导出自己手工添加吧

开启后,引号内以.vue结尾的字符串都会被探测,满足 alias 映射要求的会自动拼接项目 workspace rootPath

代码片段

  • lodash
  • xsfc SFC 模板(基础款)
  • xsfcdialog SFC 模板(dialog带有$closeWindow等方法)
  • ximv _.$importVue

VSCode CodeActionProvider 是一个用于提供代码修复功能的插件。它可以帮助用户自动修复代码中的错误、提供代码重构建议以及其他编辑器建议。

context.workspaceState.get('boundlessAutoImportConfigs')

//获取配置信息
context.workspaceState.get("boundlessAutoImportConfigs");
//更新
context.workspaceState.update("boundlessAutoImportConfigs", {});
  • Vue._开头的业务函数 比如 _api _opts .vue

  • _.$开头的通用工具函数 在 common.js

  • 同名组件跳转

npm install -g @vscode/vsce
vsce package
vsce login
vsce publish patch, minor, or major

词法高亮 词法分析

hover函数注释信息

参考

  • 如何开发一款 VS Code 语言插件 —— 以 vetur 为例
  • vscode-path-alias
  • Auto Import
  • vue-helper
  • esprima-ast-utils
  • vtable

Big thanks to everyone who has used this over the years. If you have found this helped at all, feel free to buy me a coffee!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft