配套插件 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", {});
npm install -g @vscode/vsce
vsce package
vsce login
vsce publish patch, minor, or major
词法高亮 词法分析
hover函数注释信息
参考
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!