vite创建vue2项目

1. 创建项目

pnpm create vite vue2-project

2. 进入目录

cd vue2-project

3. 打开目录

subl .
# or
code .

4. 修改 main.js 文件

import Vue from 'vue';
import App from './App.vue';

Vue.config.productionTip = false;

new Vue({
  render: h => h(App),
}).$mount('#app');

5. 修改 App.vue 文件

<template>
  <div>
    hello world
  </div>
</template>

6. 修改 vite.conf.js 文件

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue2'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
})

7. 修改 vue 版本

修改 package.json 文件,

从 dependencies 中删除 vue,

从 devDependencies 中删除 @vitejs/plugin-vue.

8. 安装 vue2 和 vite 插件

pnpm add vue@2.7.16
pnpm add -D @vitejs/plugin-vue2@2.3.1

9. 安装依赖

pnpm install

10. 启动项目

pnpm run dev

11. 看到这里就点赞! 评论! 收藏!

echo 谢谢