从vue-cli 3中将Vuetify添加到项目模板中:将脚本标签添加到App.vue中会破坏应用程序吗?

时间:2018-09-25 17:35:13

标签: vue.js vuetify.js vue-cli-3

我是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文档,但这里的任何其他输入将不胜感激。

1 个答案:

答案 0 :(得分:1)

我看到您用Use a pre-made template? (will replace App.vue and HelloWorld.vue)回答了yes个问题,它将替换app.vueHelloWorld.vue,因此在下一次键入no来回答它,您必须引起注意,因为他们说(will replace App.vue and HelloWorld.vue)