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 }...
// 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{ defineConfig }from...
使用Vite来搭建Vue 2项目的过程确实与直接使用Vue CLI有所不同,因为Vite官方主要支持Vue 3。然而,你仍然可以通过一些额外的步骤和插件来实现Vite对Vue 2的支持。以下是一个详细的步骤指南,帮助你使用Vite来搭建Vue 2项目: 1. 安装Node.js和npm 确保你的开发环境中已经安装了Node.js和npm。你可以通过运行node -...
我们可以使用Vite创建一个原生项目,然后再安装Vue2的生态进行开发。 1.1、初始化项目 首先进入项目存放的地方,然后运行以下命令创建项目。 代码语言:javascript 代码运行次数:0 复制 npm init vite@latest 如果是首次使用Vite的话,会询问你是否继续,这里回复 y 即可。
使用Vite创建出来的Vue项目,暂时都是Vue3的。 Vite是构建工具的高阶封装。它的内部其实是Rollup。 Vite是尤雨溪随着Vue3正式版 一起发布的一个工具。 最开始Vite是为Vue3服务的一个工具,但随着Vite 2.0发布之后,Vite就是一个独立的构建工具了。 Vite除了能搭建Vue3项目之外,还能搭建react等项目。
1.1 创建项目 注意:这里vite的版本采用2.8.0的,最新的版本创建后续会出现问题 npm init vite@2.8.0 后续,安装如图 创建好项目后 // 1.进入项目cd vite-vue2// 2.安装依赖npm install// 3.启动项目npm run dev 效果图如下: 1.2 安装vite对vue2支持的插件 ...
第一步: 在需要创建项目文件目录下打开cmd运行以下命令 # npm 6.xnpm init @vitejs/app vite_vue3_ts --template# npm 7+, 需要额外的双横线:npm init @vitejs/app vite_vue3_ts -- --template# yarnyarn create @vitejs/app vite_vue3_ts --template ...
是在单文件组件 (SFC) 中使用组合式 API 的编译时语法糖,是Vue3.2新加入的语法。那么,我们也可以在Vue2项目中使用它。 你需要安装unplugin-vue2-script-setup依赖。 复制 yarnaddunplugin-vue2-script-setup -D 1. 了解更多,可以查看https://github.com/antfu/unplugin-vue2-script-setup。 在Vue2项目中使...
1.创建vite2项目 命令行中键入以下内容: npm init vite@latest 开始选择模板: 选择模板 这里我们选择vue,给项目命名后选择vue就可以创建完成了,可以看到这是项目结构: 项目结构 然后我们在命令行输入 npm i 安装依赖,再输入npm run dev启动项目,发现启动成功!
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 4、配置vite.config.ts 引入对应的插件,配置别名,代理等,大致是这样 ...