创建好项目后依次运行以下命令 // 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 在根...
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...
在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启动速度极快:上...
// 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.3npm install vite-plugin-vue2@1.9.3-D 在根目录创建vite.config.js文件,来注册插件 import{define...
Vite 是 Vue 的作者尤雨溪在开发 Vue3.0 的时候,推出的基于原生 ES-Module 的构建工具。如今,Vite 因为它的跨前端框架的能力 和极其优越的性能,被大家称为下一代前端构建工具。 让学习变得更简单 科技 计算机技术 程序员 编程 vite vite2 腾讯云 vue 千锋 打卡挑战 跟着UP主创作吧(第三期)千锋...
在写本文时,Vite默认不提供Vue2项目的创建方式。 使用Vite创建出来的Vue项目,暂时都是Vue3的。 Vite是构建工具的高阶封装。它的内部其实是Rollup。 Vite是尤雨溪随着Vue3正式版 一起发布的一个工具。 最开始Vite是为Vue3服务的一个工具,但随着Vite 2.0发布之后,Vite就是一个独立的构建工具了。
（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...
终端执行:npm init vite 项目目录名 -- --template vanilla 注意:当前使用vite版本为2.x 如果npm命令不存在,请先安装node,下载安装地址:http://nodejs.cn/download/ (2)、cd 项目目录名 (3)、npm i 2、安装依赖包/插件 (1)、包:vue@2.6.14,vue2最高版本,生产依赖。通过终端输入:npm view vue version...
我们可以使用Vite创建一个原生项目,然后再安装Vue2的生态进行开发。 1.1、初始化项目 首先进入项目存放的地方,然后运行以下命令创建项目。 代码语言:javascript 复制 npm init vite@latest 如果是首次使用Vite的话,会询问你是否继续,这里回复 y 即可。 代码语言:javascript ...
(一)初始化项目 npm init vite@latest Project name: vite-vue2 Select a framework: vanilla (这个地方选择原生,选vue的话默认vue3.0) (二)安装插件 npm install vite-plugin-vue2 --dev 新建一个vite.config.js import { createVuePlugin } from 'vite-plugin-vue2' ...