1 Star 1 Fork 0

zhao_juchang / openComponent-vscode-vue3-vite

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

openComponent-vscode-vue3-vite

介绍

vue3项目通过vscode打开对应的组件文件,快速定位组件文件

安装教程

npm install -D open-component-vscode-vue3-vite

使用说明

  1. 在vite.config.js中配置open-component-vscode-vue3-vite的plugin
// vite.config.js
import openVscode from 'open-component-vscode-vue3-vite';


export default defineApplicationConfig({
  overrides: {
    plugins: [
      process.env.NODE_ENV === 'development' && openVscode()
    ],
  },
});
  1. 在main.js中注册对应的全局方法
import { createApp } from 'vue';

import App from './App.vue';

async function bootstrap() {
  const app = createApp(App);

  app.mount('#app');

  // 注册全局方法
  app.config.globalProperties.$openVscode = function (path) {
    // 在这里编写你的全局方法的逻辑
    window.open(path, '_self');
  };
}

bootstrap();
  1. 在运行时环境通过shift + alt + 鼠标左键点击,打开对应的组件文件(后续会迭代为可配置按键)

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request

空文件

简介

基于vite构建的vue3项目的基础上,开发环境用vscode打开对应的组件文件 展开 收起
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/zhao_juchang/open-component-vscode-vue3-vite.git
git@gitee.com:zhao_juchang/open-component-vscode-vue3-vite.git
zhao_juchang
open-component-vscode-vue3-vite
openComponent-vscode-vue3-vite
master

搜索帮助

344bd9b3 5694891 D2dac590 5694891