创建好项目后依次运行以下命令 // 1.进入项目 cd vite-vue2 // 2.安装依赖 npm install // 3.启动项目 npm run dev 访问效果如下 1.2 安装vite对vue2支持的插件 在vite-vue2安装:vite-plugin-vue2 // 注意:vite-plugin-vue2的版本为1.9.3 npm install vite-plugin-vue2@1.9.3 -D 在根...
在vite-vue2安装:vite-plugin-vue2 // 注意:vite-plugin-vue2的版本为1.9.3npm install vite-plugin-vue2@1.9.3-D 在根目录创建vite.config.js文件,来注册插件 import{defineConfig}from'vite'// 动态配置函数import{createVuePlugin}from'vite-plugin-vue2'import{resolve}from'path'exportdefault()=>define...
在src文件中创建 App.vue,并修改: <template> Hello Vue 2 + Vite </template> 简单修改为:10. 启动项目进入项目:cd vite-vue2 安装依赖:npm install 运行项目:npm run dev 或npx vite 编译项目:npm run build 或npx vite build启动速度极快:上...
import {createVuePlugin} from 'vite-plugin-vue2';export default ({mode}) => { const isProduction = mode === 'production'; return defineConfig({ base: `/${config.base}/`, logLevel: 'info', // 插件，兼容 rollup plugins: [ // vue2 和 jsx createVuePlugin({ j...
使用Vite创建出来的Vue项目,暂时都是Vue3的。 Vite是构建工具的高阶封装。它的内部其实是Rollup。 Vite是尤雨溪随着Vue3正式版 一起发布的一个工具。 最开始Vite是为Vue3服务的一个工具,但随着Vite 2.0发布之后,Vite就是一个独立的构建工具了。 Vite除了能搭建Vue3项目之外,还能搭建react等项目。
（1）、在项目的根目录下新建vite.config.js 文件，代码如下：import { defineConfig } from 'vite' import path from 'path' import {createVuePlugin} from 'vite-plugin-vue2' import legacyPlugin from '@vitejs/plugin-legacy' //按需导入组件 start import Components from 'unplugin-vue-components/vite...
(2)、cd 项目目录名 (3)、npm i 2、安装依赖包/插件 (1)、包:vue@2.6.14,vue2最高版本,生产依赖。通过终端输入:npm view vue versions 命令查询,地址:https://cn.vuejs.org/v2/guide/ (2)、包:vue-router@3.5.3,vue-router3最高版本,兼容vue2.x,生产依赖。通过终端输入:npm view vue-router ve...
使用Vite创建出来的Vue项目,暂时都是Vue3的。 Vite是构建工具的高阶封装。它的内部其实是Rollup。 Vite是尤雨溪随着Vue3正式版 一起发布的一个工具。 最开始Vite是为Vue3服务的一个工具,但随着Vite 2.0发布之后,Vite就是一个独立的构建工具了。 Vite除了能搭建Vue3项目之外,还能搭建react等项目。
1. 输入项目名称 这里输入我们的项目名称:vite-vue2 2. 选择框架 这里我们不需要任何框架集成,选择:vanilla vanilla:原生js,没有任何框架集成 vue:vue3框架,只支持vue3 react:react框架 preact:轻量化react框架 lit-element:轻量级web组件 ...