exportdefault{printWidth:80,// 一行最多80个字符tabWidth:2,//设置工具每一个水平缩进的空格数useTabs:false,//不使用缩进,而使用空格semi:true,// 句末是否加分号vueIndentScriptAndStyle:true,//Vue文件中和是否缩进singleQuote:false,// 用单引号trailingComma:"none",// 最后一个对象元素符加逗号bracketSpa...
module.exports={//运行环境"env":{"browser":true,//浏览器端"es2021":true,//es2021},//规则继承"extends":[//全部规则默认是关闭的,这个配置项开启推荐规则,推荐规则参照文档//比如:函数不能重名、对象不能出现重复key"eslint:recommended",//vue3语法规则"plugin:vue/vue3-essential",//ts语法规则"pl...
export function resetRouter(){router.getRoutes().forEach((route)=>{constname=route.name;if(name&&router.hasRoute(name)){router.removeRoute(name);}});}export default router; 四、在main.ts中使用路由 import{createApp}from'vue';importAppfrom'./App.vue';import'./style.css';importrouterfrom'....
在src路径下,创建api文件夹,新建index.ts和http.ts文件,并添加内容。 http.ts文件内容 importaxiosfrom'axios'constenv = process.env.NODE_ENV// 此处调用process会报错,在后配置项解决constapis = {production:'http://localhost:8480',staging:'http://localhost:8480',development:'http://localhost:8480'}c...
1、下载 node pnpm install @types/node -D//或者npm install @types/node -D 2、 import { defineConfig,loadEnv } from 'vite'import vue from'@vitejs/plugin-vue'import {resolve} from'path'exportdefaultdefineConfig(({ mode }) =>{//获取当前环境的配置const config = loadEnv(mode, './')ret...
前言:上一篇,我们搭建了基础的vue3+vite+ts项目。本篇,我们来做开发前的准备工作。 一:env文件配置。 新搭建的项目,并没有env文件。 点击新建文件,我新建了三个环境,分别是: 测试环境:.env.development;本地环境:.env.localhost;线上环境:.env.production ...
Vite把环境变量通过 import.meta.env 暴露出来,在 .vue 中使用方式如下: console.log(import.meta.env) 但如果要在 axios 中使用就需要特别配置了,需要在 vite.config.js 中加载环境变量,我们可以像以下这种方式处理: import{ defineConfig, loadEnv }from...
一、unplugin-vue-components/vite 按需自动导入组件 安装:npm i -D unplugin-vue-components 配置vite:vite.config.ts import Components from 'unplugin-vue-components/vite' export default defineConfig({ plugins: [ Components({ /* options */ }), ...
配置路径别名 在vite.config.ts中导入path 飘红是因为TS找不到path模块的类型声明 安装@types/node,为node内置包添加TS类型声明 yarnadd -D@types/node或npmi -D@types/node 配置好vite.config.ts的结果如下: import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importpathfrom"path";// http...