英文:
How can I use vuetify 1.5?
问题
我有一个旧的vue项目，使用的是vuetify 1.5.14，他们想让我添加一些东西。项目在本地无法工作，我不想每次都上传我的更改。我的计划是创建一个新的vuetify 1.5项目来测试需要实现的内容。我现在的问题是，无法创建一个使用vuetify 1的新vue项目。所以我的问题是：是否有办法创建一个vuetify 1.5的项目？如果有人能帮助我，我将不胜感激。
我尝试将一个项目从vuetify 2降级到vuetify 1.5，使用npm install vuetify@1.5.14 --save，并在package.json中更改版本号 -> 没有起作用。然后我删除了node_modules和package-log，再次运行npm install -> 也没有起作用。
英文:
I got a old vue project with vuetify 1.5.14 and they want me to add something. The project is not working local and I don't want to upload my changes everytime. My plan was it to create a new project with vuetify 1.5 to test what I need to implement. My problem now is, that it isn't possible to create a new vue project with vuetify 1. So my question is: Is there a way to create a project with vuetify 1.5? I would be so thankful if someone can help me.
I tried to downgrade a project from vuetify 2 to vuetify 1.5 with npm install vuetify@1.5.14 --save and changed the version-number in package.json -> didn't work. Then I deleted the node_modules and package-log and npm install again -> didn't work neither
答案1
得分: 0
这是您提供的内容的中文翻译：
有一些带有 Vuetify 1.x 的沙盒，例如 这个。可以查看 搜索结果，也许其中一个适合您？
虽然创建一个带有 Vuetify 1.5 的项目似乎不难：
<!-- 开始代码片段: js 隐藏: true 控制台: false Babel: false -->
<!-- 语言: lang-js -->
Vue.use(Vuetify);
new Vue({
el: '#app',
data() {
return {
vuetifyVersion: Vuetify.version
};
},
})
<!-- 语言: lang-html -->
<div id="app">
<v-app>
<v-main>
<v-btn>Hello Vuetify {{ vuetifyVersion }}</v-btn>
</v-main>
</v-app>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.7.10/vue.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vuetify@1.5.24/dist/vuetify.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/vuetify@1.5.24/dist/vuetify.min.css" rel="stylesheet">
<!-- 结束代码片段 -->
也许这个沙盒可以帮助您如何在一个带有构建工具的项目中设置它。
英文:
There are several sandboxes around with Vuetify 1.x, for example this one. Have a look at the search results maybe one of them works for you?
Though it does not seem hard to create a project with Vuetify 1.5:
<!-- begin snippet: js hide: true console: false babel: false -->
<!-- language: lang-js -->
Vue.use(Vuetify);
new Vue({
el: '#app',
data() {
return {
vuetifyVersion: Vuetify.version
};
},
})
<!-- language: lang-html -->
<div id="app">
<v-app>
<v-main>
<v-btn>Hello Vuetify {{ vuetifyVersion }}</v-btn>
</v-main>
</v-app>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.7.10/vue.min.js"></script>
<script src=" https://cdn.jsdelivr.net/npm/vuetify@1.5.24/dist/vuetify.min.js "></script>
<link href=" https://cdn.jsdelivr.net/npm/vuetify@1.5.24/dist/vuetify.min.css " rel="stylesheet">
<!-- end snippet -->
Maybe the sandbox can help how to set it up in a project with a builder.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论