在src文件中创建 App.vue,并修改: <template> Hello Vue 2 + Vite </template> 简单修改为:10. 启动项目进入项目:cd vite-vue2 安装依赖:npm install 运行项目:npm run dev 或npx vite 编译项目:npm run build 或npx vite build启动速度极快:上...
创建好项目后依次运行以下命令 // 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.3 npm install vite-plugin-vue2@1.9.3 -D 在根...
在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'// 动态配置函数import{createVuePlugin}from'vite-plugin-vue2'import{resolve}from'path'exportdefault()=>define...
npm install vite-plugin-vue2 --dev 如果npm安装不了,可以用cnpm或者yarn。 要使用vite插件,需要在项目的根目录创建vite.config.js文件。 在vite.config.js里输入以下代码。 import{createVuePlugin}from'vite-plugin-vue2'exportdefault{plugins:[createVuePlugin()]} 引入vite-plugin-vue2插件,并用Vite提供的插...
Vite 是 Vue 的作者尤雨溪在开发 Vue3.0 的时候,推出的基于原生 ES-Module 的构建工具。如今,Vite 因为它的跨前端框架的能力 和极其优越的性能,被大家称为下一代前端构建工具。 让学习变得更简单 科技 计算机技术 程序员 编程 vite vite2 腾讯云 vue 千锋 打卡挑战 跟着UP主创作吧(第三期)千锋...
(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...
vite v2.8.2 node 版本:node v14.19.0实践表明 v14 可以兼顾新的 vite 和既有 webpack 两套流程如果涉及 jenkins 等部署环节,可能需要关心相关 node 软件包的升级 package.json 依赖 "devDependencies": { "vite": "^2.8.2", "vite-plugin-vue2": "^1.9.3", "vite-plugin-html": "^3.0...
使用Vite创建出来的Vue项目,暂时都是Vue3的。 Vite是构建工具的高阶封装。它的内部其实是Rollup。 Vite是尤雨溪随着Vue3正式版 一起发布的一个工具。 最开始Vite是为Vue3服务的一个工具,但随着Vite 2.0发布之后,Vite就是一个独立的构建工具了。 Vite除了能搭建Vue3项目之外,还能搭建react等项目。
1. 输入项目名称 这里输入我们的项目名称:vite-vue2 2. 选择框架 这里我们不需要任何框架集成,选择:vanilla vanilla:原生js,没有任何框架集成 vue:vue3框架,只支持vue3 react:react框架 preact:轻量化react框架 lit-element:轻量级web组件 ...
(2)、cd 项目目录名 (3)、npm i 2、安装依赖包/插件 (1)、包:vue@2.6.14,vue2最高版本,生产依赖。通过终端输入:npm view vue versions 命令查询,地址:https://cn.vuejs.org/v2/guide/ (2)、包:vue-router@3.5.3,vue-router3最高版本,兼容vue2.x,生产依赖。通过终端输入:npm view vue-router ve...