Question

我想这样做，以便可以使用Vue.js devtools，但不确定如何做到这一点。

我的意思是，我猜我需要在加载Vue之后添加Vue.config.devtools = true，但在我看来Vue已加载到一些缩小的index.html（位于public / my-app目录中）中：

<!DOCTYPE html><html><head><base href=/my-app/ ><title>My Application</title><meta charset=utf-8><meta name=description content="My Web Application"><meta name=format-detection content="telephone=no"><meta name=msapplication-tap-highlight content=no><meta name=viewport content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width"><link rel=icon type=image/ico href=statics/icons/favicon.ico><link href=/my-app/js/0.2a50cd12.js rel=prefetch><link href=/my-app/js/4.70a9b157.js rel=prefetch><link href=/my-app/js/5.9124b006.js rel=prefetch><link href=/my-app/js/6.e59a82a3.js rel=prefetch><link href=/my-app/css/app.b772bed9.css rel=preload as=style><link href=/my-app/js/app.d5445db9.js rel=preload as=script><link href=/my-app/js/runtime.1b6c8c00.js rel=preload as=script><link href=/my-app/js/vendor.ae668b62.js rel=preload as=script><link href=/my-app/css/app.b772bed9.css rel=stylesheet></head><body><div id=q-app></div><script src=/my-app/js/app.d5445db9.js></script><script src=/my-app/js/runtime.1b6c8c00.js></script><script src=/my-app/js/vendor.ae668b62.js></script></body></html>

我知道，如果我对任何* .vue文件进行了任何更改，则需要执行quasar build才能使这些更改生效。我怀疑index.html是在quasar build命令期间动态生成的，这意味着 not 不是我应该做的Vue.config.devtools = true。那我应该在哪里做呢？

这是我的目录清单：

total 1304
-rw-r--r--    1 neubert     staff     147 Feb 21 14:25 .editorconfig
-rw-r--r--    1 neubert     staff     258 Feb 21 14:25 .gitignore
-rw-r--r--    1 neubert     staff     200 Feb 21 14:25 .postcssrc.js
-rw-r--r--    1 neubert     staff     378 Feb 21 14:25 README.md
-rw-r--r--    1 neubert     staff      69 Feb 21 14:25 babel.config.js
drwxr-xr-x    4 neubert     staff     128 Feb 21 14:25 docs
-rw-r--r--    1 neubert     staff  627280 Feb 21 14:25 package-lock.json
-rw-r--r--    1 neubert     staff    1169 Feb 21 14:25 package.json
-rw-r--r--    1 neubert     staff      58 Feb 21 14:25 quasar.extensions.json
drwxr-xr-x    6 neubert     staff     192 Feb 21 14:25 ..
drwxr-xr-x  981 neubert     staff   31392 Feb 21 15:09 node_modules
-rw-r--r--    1 neubert     staff       0 Apr 20 13:51 .env
drwxr-xr-x   12 neubert     staff     384 Apr 24 13:21 src
drwxr-xr-x    6 neubert     staff     192 Apr 24 13:21 .quasar
-rw-r--r--    1 neubert     staff    5660 Apr 24 14:14 quasar.conf.js
drwxr-xr-x   16 neubert     staff     512 Apr 24 14:14 .

Answer 1

因此，请转到那儿的 src / main.js ，您可以在所有import语句之后放置此行。您无需在公共目录中放置任何内容即可使用此功能

在哪里添加Vue.config.devtools = true？

1 个答案: