此方案采用的统一的 main 入口,所以在构建时需要按需动态的引入路由,在根目录下创建 plugins 文件夹下创建文件 vite-plugin-router.js 插件如下: //PROJECT_NAME 项目名称 运行哪个项目引入那个项目的路由exportdefaultfunctionvitePluginRoutes(PROJECT_NAME) {constvirtualModuleId ='virtual:@vite-virtual-routes';cons...
命令行键入npm i element-plus -S,安装之后,我们可以安装两个自动引入插件,继续输入npm install -D unplugin-vue-components unplugin-auto-import,然后在vite.config.js中写入: import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'import{resolve}from'path'importAutoImportfrom'unplugin-auto-import...
1.创建一个文件夹VueApp,运行cmd转到该目录下,执行命令:npm create vite@latest 2.然后转到vuedemo目录下命令:cd vuedemo, 3.执行命令:npm install。文件夹内会新添加node_modules文件夹和package-lock.json文件。 npm会根据项目根目录下的package.json文件中的dependencies和devDependencies字段来安装所需的包。这些...
npm create vite@latest my-vue-app -- --template vue ## latest可以换成指定的vite版本 my-vue-app换成自己的项目名 ##本机环境是node16.18.1 npm是8+ 因此使用vite4 ##示例: npm create vite@4.1.0 mumudemo -- --template vue mumudemo项目(基于Vite + Vue项目)│ ├── node_modules 目录 (...
Vite脚手架生成的vue项目,目前是没有集成vue-router的,没关系,自己动手丰衣足食。说干就干 第一步 安装vue-router 这里注意一下,一点要安装vue-router的4.x版本,要不然无法和Vue3.x搭配使用。 代码语言:javascript 复制 npm install vue-router@4--save1 ...
1、搭建项目: npm init vite-app 项目名称 2、 进入项目: cd 项目名称 3、安装依赖: npm install 4、启动项目: npm run dev 这是安装完依赖后的项目结构 image.png 二、安装vue全家桶 1、安装router npm install vue-router@4 (1)在src目录下新建router文件夹,然后在里面新建index.js文件 ...
由于项目需要离线访问,并在桌面创建快捷方式启动。本文将介绍 Vue3 + Vite 使用 vite-plugin-pwa 搭建 一个 PWA 项目。 第一步:创建Vue3项目 按照Vue官网提示,默认安装 (注意:在相应位置输入你的项目名称) npm init vue@latest 1. ✔ Project name: … <your-project-name> <---这里输入你的项目名称 ...
创建项目 代码语言:javascript 复制 npm create vue@latest 根据提示创建即可。 添加Less 安装less 代码语言:javascript 复制 npm install-Dless 这样就安装好了可以使用了 自动引用变量 vite.config.js中添加以下配置 代码语言:javascript 复制 import{fileURLToPath,URL}from'node:url'import{defineConfig}from'vite'...
(1)创建项目 yarn create @vitejs/app (项目名字) (2)依次选择如下选项 vue => vue-ts (这个步骤依据个人开发习惯,习惯ts可以使用ts,喜好js,那选择vue) 你看到如下提示后就代表创建成功 Scaffolding project in E:\公司相关\学习项目\前端项目\VUE\vue-vite-web... ...
搭建第一个Vite项目: Node.js需要>12.0.0 npm init @vitejs/app 安装完成之后可以指定项目名称: 选择初始化模板: 选择完成之后: cd vite-project npm install npm run dev 第一个Vite+Vue3.0项目就搭建好了!Vite默认应用模板为Vue3.x,如果项目启动时,在浏览器F12时看不到Vue选项,Vue.js not detected,需要...