以下是使用 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创建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-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的框架为内了。
vue --version 1. 如果需要升级全局的 Vue CLI 包 npm update -g @vue/cli 1. 2、创建vue项目 vue create vue-zxp 1. 可以选择自定义配置 是否保存预设到项目中,可以根据需要是否保存,暂时我们选择N, 接下来就创建好我们的第一个vue项目了,目录如下: ...
base}/`, logLevel: 'info', // 插件,兼容 rollup plugins: [ // vue2 和 jsx createVuePlugin({ jsx: true, jsxOptions: { compositionAPI: true } }), // 打包统计 timeReporter() ], // devServer 设置 server: {}, // 依赖解析规则等 resolve: { alias: {} }, // 打包目录、素材目录...
使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') ...
(1)确定已经支持 less：npm install -D less(2)别忘了 resolve.alias 也加上一个：'~@': resolve('src')10. 如何支持 jsx?vite.config.js import { createVuePlugin } from 'vite-plugin-vue2'; createVuePlugin({ jsx: true, // 配置 jsx jsxOptions: { injectH: false, }, })Vue...
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拖进去...