# code-link

**Repository Path**: jazz235812/code-link

## Basic Information

- **Project Name**: code-link
- **Description**: 点击浏览器定位代码行
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: https://gitee.com/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-07-01
- **Last Updated**: 2024-09-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 通过shift+左键点击页面元素,快速在vscode中定位代码位置
## `暂时只支持vue + webpack + vsCode编辑器`

# 引入
### 1. `code-link`文件夹拷贝到项目根目录（和src同级）
### 2. 配置
```
    // 在vue.config.js文件
    const addVueCodeLinkLoader = require('./code-link/add-location-loader/config.js')
    const AfterCompilePlugin = require('./code-link/index.js');
    module.exports = {
        ...
        configureWebpack: {
            plugins: [new AfterCompilePlugin()]
        },
        chainWebpack(config) {
          //添加vue-code-link处理器
          addVueCodeLinkLoader(config)
          ...
        },
    }
    
    // 在src/main.js文件
    // 添加一件打开对应的页面功能（开发模式功能）
    import codeLink from './../code-link/client'
    // vsCode是打开Visual Studio Code编辑器
    new codeLink({type: 'vscode'})

# 使用
shift+鼠标左键点击页面元素即可
# 注意事项
* 插件会自动根据生成与开发环境决定是否启用,不会对生产环境造成任何影响
* 插件启用时,会禁用默认的鼠标右键菜单
* 暂时只支持vue + webpack + vscode编辑器