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.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支持的插件 在vite-vue2安装:vite-plugin-vue2 // 注意:vi...
1、初始化项目 （1）、打开命令行终端，执行命令：npm -v。npm为6.x版本 终端执行：npm init vite 项目目录名 --template vanilla npm为7.x版本 终端执行：npm init vite 项目目录名 -- --template vanilla 注意：当前使用vite版本为2.x如果npm命令不存在，请先安装node，下载安装地址：http://nodejs.cn/...
1.创建vite2项目 命令行中键入以下内容: npm init vite@latest 开始选择模板: 选择模板 这里我们选择vue,给项目命名后选择vue就可以创建完成了,可以看到这是项目结构: 项目结构 然后我们在命令行输入 npm i 安装依赖,再输入npm run dev启动项目,发现启动成功! 2.集成Element-Plus 命令行输入 npm install element-...
至此,你已经成功搭建了一个基于Vue 2和Vite的项目。你可以通过运行以下命令来启动开发服务器: bash npm run dev 默认情况下,Vite会在http://localhost:3000启动开发服务器。你可以在浏览器中打开这个地址来查看你的Vue 2应用。
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支持的插件
(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' ...
1.vue2创建项目-cli cli文档 https://cli.vuejs.org/zh/ 1.1打开cmd win + r 输入cmd 输入node -v 如果数显版本号就是一串数字就证明已经安装node环境 如果提示node不是内部或者外部命令,要先安装node.js http://nodejs.cn/download/ 1. 2.
第一步: 在需要创建项目文件目录下打开cmd运行以下命令 # npm 6.x npm init @vitejs/app vite_vue3_ts --template # npm 7+, 需要额外的双横线: npm init @vitejs/app vite_vue3_ts -- --template # yarn yarn create @vitejs/app vite_vue3_ts --template ...