首先插件添加:Live Server、Vue - Official、Vue VSCode Snippets、别名路径跳转 官网:Vite | 下一代的前端工具链 (vitejs.dev) 1.创建一个文件夹VueApp,运行cmd转到该目录下,执行命令:npm create vite@latest
命令行键入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、npm init vite@latest 2、Project name:(项目名称) 3、Select a framework:(选择要用什么构建自己的项目,这边选vue)然后会有两个选项一个是vue(vue+js) ,一个是vue+ts,根据自己的项目需求来选 4、cd到项目下npm install 安装一下依赖 注:以下只针对vue3+ts配置,vue+js请移步 二:更改http://localhos...
1、在根目录下新建vite.config.js文件 image.png constpath=require('path');constfs=require('fs')constvue=require('@vitejs/plugin-vue')module.exports=({command,mode})=>{// 判断是生产环境还是开发环境constVITE_APP_IS_SERVE=command==='serve'?true:false;return{plugins:[vue()],// 支持别名res...
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项目)│ ...
首先,我们需要在命令行界面下执行几行命令来创建项目。具体步骤如下: 打开命令行界面(比如终端或者命令提示符)。 输入以下命令:npm create vite@latest my-vue-app -- --template vue 这个命令会创建一个默认的Vite+Vue项目。 进入项目目录: cd my-vue-app 这样我们就进入了项目目录。 安装依赖: npm install ...
项目中使用了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 ...
(1)创建项目 yarn create @vitejs/app (项目名字) (2)依次选择如下选项 vue => vue-ts (这个步骤依据个人开发习惯,习惯ts可以使用ts,喜好js,那选择vue) 你看到如下提示后就代表创建成功 Scaffolding project in E:\公司相关\学习项目\前端项目\VUE\vue-vite-web... ...
由于项目需要离线访问,并在桌面创建快捷方式启动。本文将介绍 Vue3 + Vite 使用 vite-plugin-pwa 搭建 一个 PWA 项目。 第一步:创建Vue3项目 按照Vue官网提示,默认安装 (注意:在相应位置输入你的项目名称) npm init vue@latest 1. ✔ Project name: … <your-project-name> <---这里输入你的项目名称 ...
搭建第一个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,需要...