0.0.8 • Published 3 years ago
@kummy/vscode-router-file v0.0.8
vscode-router-file 是什么?
它是一个vue插件,我们可以在浏览器里通过 双击
的形式去唤起vscode打开当前路由源文件。
演示效果:
示例:https://github.com/lisiyizu/vscode-router-file-example
文章:https://juejin.cn/post/6960480138525933599
vscode-router-file 使用教程
第一步,安装一个webpack小插件: yarn add virtual-module-cwd
// webpack.config.js 方式
const virtualModuleCwd = require("virtual-module-cwd");
webpack: {
plugins: [virtualModuleCwd],
}
// vue.config.js 方式
const virtualModuleCwd = require("virtual-module-cwd");
module.exports = {
configureWebpack: config => {
config.plugins.push(virtualModuleCwd);
}
};
第二步, 安装 yarn add @kummy/vscode-router-file
import vscodeRouterFile from "@kummy/vscode-router-file";
if(process.env.NODE_ENV === 'development') {
Vue.use(vscodeRouterFile)
}
// Vue.use(vscodeRouterFile, {
// style: {}, // 样式覆盖
// innerHTML: "<div><VSCODE/></div>" // html 内容覆盖
// });
如果完成以上👆步骤,出现下图👇所示,证明可以使用了。
可以勾选 “始终允许···”