如何创建Vuetify 1.5项目？旧Vue项目开发遇阻求助

试试这几个靠谱的方法，能快速搭起符合要求的测试环境：

方法一：用旧版Vue CLI模板从头创建 #

Vuetify 1.x对应Vue 2生态，得用旧版的初始化工具：

• 全局装旧版CLI初始化工具：npm install -g @vue/cli-init
• 用webpack模板生成基础Vue项目：vue init webpack my-vuetify1-test
• 进入项目目录：cd my-vuetify1-test
• 安装指定版本Vuetify：npm install vuetify@1.5.14 --save
• 配置Vuetify：打开src/main.js，替换成以下代码（覆盖原有初始化逻辑）：

import Vue from 'vue'
import App from './App'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)
Vue.config.productionTip = false

new Vue({
  el: '#app',
  vuetify: new Vuetify(),
  components: { App },
  template: '<App/>'
})

• 启动项目测试：npm run dev

方法二：修复你之前的降级操作 #

之前降级失败大概率是因为Vuetify 2和1的初始化逻辑不一样，不是单纯改版本号就行：

• 先卸载现有Vuetify：npm uninstall vuetify
• 安装指定版本：npm install vuetify@1.5.14 --save
• 删掉node_modules、package-lock.json文件
• 重新安装所有依赖：npm install
• 把src/main.js里Vuetify 2的初始化代码（比如createVuetify()）换成上面方法一里的Vue.use(Vuetify)写法
• 检查项目中用到的Vuetify组件，1.x和2.x的API有不少差异，比如组件名、属性，得对应调整成1.x的用法

方法三：用官方1.5 starter项目 #

直接找Vuetify官方的1.5版本启动项目，克隆到本地后执行npm install就能用，省去配置步骤。

额外注意 #

Vuetify 1.5.x只支持Vue 2.x，最好把package.json里的vue版本锁定在2.6.x，避免安装到更高版本导致兼容性问题。

内容的提问来源于stack exchange，提问作者Benjamin Tuna