主项目 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!