Vue Dev Tools - не работает кнопка «Открыть в редакторе».Как это исправить? - PullRequest
Новая
       54

Vue Dev Tools - не работает кнопка «Открыть в редакторе».Как это исправить?

0 голосов
/ 11 октября 2018

Я пытаюсь настроить эту функцию из учебника: https://github.com/vuejs/vue-devtools/blob/master/docs/open-in-editor.md

, но получил ошибку 

"C:\Users\User\AppData\Local\Programs\Microsoft" не является внутренней или внешней, исполняемой программой или пакетным файлом.
Could not open LeadsEdit.vue in the editor.
The editor process exited with an error: (code 1).

To specify an editor, sepcify the EDITOR env variable or add "editor" field to your Vue project config.

в моем vue.config.js (проект, основанный на vue cli 3.0)

const openInEditor = require('launch-editor-middleware');

module.exports = {
    configureWebpack: {
        devtool: 'source-map',
    },
    devServer: {
        before(app) {
            app.use('/__open-in-editor', openInEditor('code'))
        }
    }
}

UPD.Без этого кода проблема все еще остается.UPD2.

Я пытаюсь установить переменную РЕДАКТОРА в файле .env 

VUE_APP_EDITOR=/c/Users/User/AppData/Local/Programs/Microsoft VS Code/Code.exe

Или с помощью vue.config.js 

const openInEditor = require('launch-editor-middleware');

module.exports = {
    configureWebpack: {
        devtool: 'source-map',
    },
    devServer: {
        before(app) {
            app.use('/__open-in-editor', openInEditor('/c/Users/User/AppData/Local/Programs/Microsoft VS Code/Code.exe'))
        }
    }
}

Но проблема все еще остается

Что может вызвать эту проблему?Как я могу исправить эту ошибку?

1 Ответ

0 голосов
/ 25 октября 2018

Кажется, что dev tools пытается открыть исполняемый файл редактора C:\Users\User\AppData\Local\Programs\Microsoft, что, скорее всего, неправильно.Местоположение установки по умолчанию в Windows 10 (насколько мне известно) C:\Users\User\AppData\Local\Programs\Microsoft VS Code\Code.exe.

launch-editor пытается найти редактор из запущенных в данный момент процессов и возвращается к переменным среды EDITOR иVISUAL (см. https://github.com/yyx990803/launch-editor#why),, так что вы, вероятно, можете установить EDITOR env var на правильный путь.

Возможно, отсутствуют пропущенные кавычки в конфигурации редактора, поэтому он обрезается приПервый пробел. Я действительно не знаю, откуда берется путь, либо вы настроили его с помощью переменных среды, либо в конфигурации своего проекта vue.

На основании информации в вашем обновленном вопросе вы можете попробовать это:

  1. Я не знаю, откуда берется имя переменной VUE_APP_EDITOR, но, думаю, оно должно быть EDITOR. Измените его на EDITOR и посмотрите, что получится

  2. Путь, который вы используете, выглядит неправильно (то есть не как путь Windows). Попробуйте вместо этого c:/Users/User/AppData/Local/Programs/Microsoft VS Code/Code.exe. Например: 

        app.use('/__open-in-editor', openInEditor('c:/Users/User/AppData/Local/Programs/Microsoft VS Code/Code.exe'))

Вы можете проверитьправильный ли путь при запуске оболочки cmdи вступая на путь.Если это правильно, VS Code должен открыться.Если нет, он скажет вам, что путь не был найден.

Также посмотрите на это, есть еще кое-что о том, как интегрировать vue devtools & VS Code: https://gist.github.com/moreta/d3989686b6a1f2416b5802cac8df16b4

...