使用 Vite 搭建 Vue2 项目

初始化项目

npm init vite@latest

Select a framework: vanilla

安装插件

npm install @vitejs/plugin-vue2 -D

新建 vite.config.js

import vue from '@vitejs/plugin-vue2'

export default {
  plugins: [vue()]
}

安装 Vue2

npm install vue@2
npm install vue-template-compiler@2 -D

修改文件夹

1. 删除 counter.js、style.css、javascript.svg 文件

2. 新建 src 文件夹

3. src 文件夹下新建 main.js、App.vue

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

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

<template>
  <div>Vite Vue2</div>
</template>

<script>
export default {}
</script>

<style scoped></style>

4. 修改 index.html

<script type="module" src="./src/main.js"></script>

运行项目

npm run dev