1️⃣ 首先,在项目的根目录中创建环境文件,如图1所示。这些文件将包含不同环境下的配置信息。2️⃣ 接着,修改vite.config.ts文件,如图2所示。确保Vite配置与你的项目需求相匹配。3️⃣ 然后,调整package.json文件,如图3所示。添加或修改脚本命令,以便在不同环境下运行项目。4️⃣ 最后,修改axios请求...
配置参考下面链接 需要安装@eslint/eslintrc pnpmadd@eslint/eslintrc--save-dev 具体代码: importglobalsfrom"globals";importpluginJsfrom"@eslint/js";importtseslintfrom"typescript-eslint";importpluginVuefrom"eslint-plugin-vue";import{FlatCompat}from"@eslint/eslintrc";importpathfrom"path";import{f...
先npm run build:dev,再npm run preview http://localhost:4173/打开这个链接,就是vite为你启的服务,运行的项目。 三:路由配置 1,我是采用路由文件和页面文件一一对应的方式,先分模块,建立对应的文件夹,这样项目越来越大也不害怕,方便管理。 2,安装一下vue-router,npm install vue-router; mian.ts文件里面use...
"dev": "vite --open", "build": "vue-tsc && vite build", "preview": "vite preview", "lint": "eslint src", "fix": "eslint src --fix", "format": "prettier --write \"./**/*.{html,vue,ts,js,json,md}\"", "lint:eslint": "eslint src/**/*.{ts,vue} --cache --fi...
"vite": "^5.4.1", "vue-eslint-parser": "^9.4.3", } .eslintrc.json配置: {"env":{"browser":true,"es2021":true,"node":true},"extends":["eslint:recommended","standard"],// vue-eslint-parser 用来解析.vue后缀文件,使得eslint能解析<template>标签中的内容,而 @typescript-eslint/par...
在vite-env.d.ts文件中声明vue文件的使用,添加如下代码,如以有该代码可忽略 /// <reference types="vite/client" />declare module'*.vue'{importtype{DefineComponent}from"vue";constcomponent:DefineComponent<{},{},any>exportdefaultcomponent} 创建并配置vue的全局声明ts文件 ...
pnpm create vite _app-name_ -- --template vue-ts 英文官网:https://vitejs.dev/ 早在一年多之前,我所在的团队已经选择使用vite作为前端开发与构建工具,完成的一套上线应用。 目前版本已经更新到3.0.x,完全可以放心应用到新的实际项目中。 最直观的体验是“快速”、“清爽”,开发效率也得到明显提升(解决掉...
vite.config.ts配置 // 压缩gzipimportviteCompressionfrom'vite-plugin-compression'// https://vitejs.dev/config/exportdefaultdefineConfig({// ...plugins:[// ...viteCompression({verbose:true,// 默认即可disable:false,// 开启压缩(不禁用),默认即可deleteOriginFile:false,// 删除源文件threshold:10240,...
1.位置:直接改写vite.config.ts -- 顺便就添加alias //vite.config.tsimport vuefrom"@vitejs/plugin-vue"; import { resolve }from"path"; function pathResolve(dir:string) {returnresolve(process.cwd(),".", dir); }//https://vitejs.dev/config/exportdefault() =>{return{ ...