使用Vite来搭建Vue 2项目的过程确实与直接使用Vue CLI有所不同,因为Vite官方主要支持Vue 3。然而,你仍然可以通过一些额外的步骤和插件来实现Vite对Vue 2的支持。以下是一个详细的步骤指南,帮助你使用Vite来搭建Vue 2项目: 1. 安装Node.js和npm 确保你的开发环境中已经安装了Node.js和npm。你可以通过运行node -...
// 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...
1. 创建项目(三种方式) 1、pnpm pnpm create vite 2、npm npm init vite@latest 3、yarn yarn create vite 2. 在选择项目类型的时候选择vanilla 3. 安装 vite 对 vue2 支持的插件 pnpm install vite-plugin-vue2 4. 要使用 vite 插件,需要在项目的根目录创建 vite.config.js 文件 import{ defineConfig }...
终端执行：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 ...
使用Vite创建出来的Vue项目,暂时都是Vue3的。 Vite是构建工具的高阶封装。它的内部其实是Rollup。 Vite是尤雨溪随着Vue3正式版 一起发布的一个工具。 最开始Vite是为Vue3服务的一个工具,但随着Vite 2.0发布之后,Vite就是一个独立的构建工具了。 Vite除了能搭建Vue3项目之外,还能搭建react等项目。
1.创建vite2项目 命令行中键入以下内容: npm init vite@latest 开始选择模板: 选择模板 这里我们选择vue,给项目命名后选择vue就可以创建完成了,可以看到这是项目结构: 项目结构 然后我们在命令行输入 npm i 安装依赖,再输入npm run dev启动项目,发现启动成功!
1、 安装vite 第一步当然是vite安装了 npm init vite@latest 2、创建项目 npm init vite@latest vue3-vite-elementplus-ts --template vue 3、安装ts,elmentPlus等 npm install vue-router@next axios -S npm install typescript element-plus -D
项目中使用了vue3+vite开发一个App项目,这里记录搭建的流程以及配置。 一.整个项目所需完成的目标配置 vite版本("^2.2.0")Vite 需要Node.js版本 >= 12.0.0 vue3("^3.0.4") @vue/cli 4.5.13 ts("^4.5.5") 集成路由 集成Vuex 集成axios 配置Vant3 ...
vue3-vite2-ts4 npminit@vitejs/app vue vue-ts npm install npm run dev AI代码助手复制代码 目录结构如下 ├── public 静态资源 ├──src│ ├── assets 资源目录(图片、less、css等) │ ├── components 项目组件 │ ├── App.vue主应用 ...
1.创建项目 vite-vue2-js yarn create vite vite-vue2-js--templatevanilla 2.下载依赖 yarn 3.下载 vue2 相关依赖 yarn addvue@2.7.14vue-router@3.5.2vuex@3.6.2yarn add vue-template-compiler@2.7.14-D yarn add vite-plugin-vue2-D 4.修改相关文件 ...