在Vite创建Vue3项目 中讲到,Vite 官方对 Vue 的支持只针对于Vue3.x 版本,而对于 Vue2.x 是不支持的。 使Vite 支持 Vue2.x,是需要安装插件来实现,官方文档Vite 需要 Node.js 版本>= 12.0.0。(node -v 查看自己当前的node版本) 使用yarn:yarn create @vitejs/app 使用npm:npm init @vitejs/app...
以下是使用 Vite 创建 Vue 2 项目的步骤: 安装Node.js: 确保你的系统上已经安装了 Node.js。可以从 Node.js 官网 下载并安装最新 LTS 版本。 全局安装 create-vite: bash npm install -g create-vite 创建Vue 2 项目: 使用create-vite 命令并指定模板为 vue(Vue 2 模板)来创建一个新的 Vue 2 项目。
在vite-vue2安装:vite-plugin-vue2 // 注意:vite-plugin-vue2的版本为1.9.3 npm install vite-plugin-vue2@1.9.3 -D 在根目录创建vite.config.js文件,来注册插件 import { defineConfig } from 'vite' // 动态配置函数 import { createVuePlugin } from 'vite-plugin-vue2' import { resolve } from ...
在配置文件中,我们需要引入vite-plugin-vue2插件并将其添加到 Vite 的插件列表中。 // vite.config.jsimport{defineConfig}from'vite';import{createVuePlugin}from'vite-plugin-vue2';exportdefaultdefineConfig({plugins:[createVuePlugin()]}); 1. 2. 3. 4. 5. 6. 7. 三、安装 Vue2 核心库 由于Vue2...
那下面呢,我们到Vs code里边来去创建这样的一个项目来演示一下,首先呢,我们通过PM PM create create来去创建一个V的环境的项目,我们把这个项目起名为wait basics-VIEW2这里呢,我们来看一下,并没有VIEW2这个选项,我们不能选择view,因为这个默认的是VIEW3,我们只能选择一个不带任何特性的一个纯JS的框架为内了。
1、初始化 Vue2 项目 在写本文时,Vite默认没提供Vue2项目创建的选项。 我们可以使用Vite创建一个原生项目,然后再安装Vue2的生态进行开发。 1.1、初始化项目 首先进入项目存放的地方,然后运行以下命令创建项目。 代码语言:javascript 代码运行次数:0 运行
vue --version 1. 如果需要升级全局的 Vue CLI 包 npm update -g @vue/cli 1. 2、创建vue项目 vue create vue-zxp 1. 可以选择自定义配置 是否保存预设到项目中,可以根据需要是否保存,暂时我们选择N, 接下来就创建好我们的第一个vue项目了,目录如下: ...
使Vite 支持 Vue2.x,是需要安装插件来实现,官方文档 使用yarn:yarn add vite-plugin-vue2 -D 使用npm:npm install vite-plugin-vue2 -D 7. 使用插件 创建配置文件vite.config.js const { createVuePlugin } = require('vite-plugin-vue2') ...
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' export default { ...
npm install vite-plugin-vue2 --dev剩下就是创建文件,在根目录创建vite.config.js 文件打开vite.config.js文件写入代码import { createVuePlugin } from 'vite-plugin-vue2' export default { plugins: [createVuePlugin()] }再根目录创建src文件目录把main.js拖进去...