时间戳

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

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

问题描述

我是一个 Vue 菜鸟，只需要了解一些非常基本的东西。我习惯了 vue-cli 3，你有你的“App.vue”，这是你的根组件，当然你有你的<script>和<style>标签，就像任何其他组件一样。但是当我使用 vue-cli 3 启动一个 Vue 项目然后执行 avue 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 文档，但这里的任何其他输入将不胜感激。

标签： javascriptvue.jsvuejs2vuetify.jsvue-cli-3

解决方案

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

推荐阅读