从 vue-cli 3 添加 Vuetify 到项目模板：向 App.vue 添加脚本标签会破坏应用程序？答案

【问题标题】：Adding Vuetify to project template from vue-cli 3: Adding script tags to App.vue breaks the app?从 vue-cli 3 添加 Vuetify 到项目模板：向 App.vue 添加脚本标签会破坏应用程序？
【发布时间】：2018-09-25 17:35:12
【问题描述】：

我是 Vue 菜鸟，只需要了解一些非常基本的东西。我已经习惯了 vue-cli 3，你有你的“App.vue”，这是你的根组件，当然你有你的 <script> 和 <style> 标签，就像任何其他组件一样。但是当我使用 vue-cli 3 启动一个 Vue 项目然后执行vue add vuetify 时，App.vue 不再包含这些标签，当我添加它们时，应用程序会中断！还有一个名为“views”的新文件夹？谁能帮我分解一下？很抱歉在这里问，但我在 Vuetify 的页面上找不到任何相关信息。

更新：

当我尝试以同样的方式设置另一个项目时，发生了一些奇怪的事情——一切看起来都像我习惯的那样。在运行vue add vuetify 后选择以下选项：

? Use a pre-made template? (will replace App.vue and HelloWorld.vue) Yes
? Use custom theme? No
? Use custom properties (CSS variables)? No
? Select icon font md
? Use fonts as a dependency (for Electron or offline)? No
? Use a-la-carte components? No
? Use babel/polyfill? No
? Select locale en

我意识到 /views 文件夹来自于在该项目中安装了 vue-router，我猜这可能与主 App.vue 文件不接受 <script> 或 <style> 标签有关？我将重新访问 vue-router 文档，但非常感谢您在此处提供的任何其他输入。

【问题讨论】：

为什么不用npm install vuetify 并在 ``main.js` 中导入它
您可以发布 App.vue 中的代码以及新视图文件夹中的任何代码吗？
Use a pre-made template 不回答

标签： javascript vue.js vuejs2 vuetify.js vue-cli-3

【解决方案1】：

我看到Use a pre-made template? (will replace App.vue and HelloWorld.vue) 的问题你用yes 回答它，这将取代app.vue 和HelloWorld.vue，所以下次输入no 来回答它，你必须注意，因为他们说(will replace App.vue and HelloWorld.vue)

【讨论】：