{"scripts":{"lint:eslint":"eslint --cache --max-warnings 0 \"{src,mock}/**/*.{vue,ts,tsx}\" --fix",}} 三、Prettier 安装与配置 Prettier 是一个代码格式化程序 1、安装 首先,在本地安装 Prettier: pnpmadd--save-dev--save-exactprettier 2、配置 通过如下命令在项目根目录下创建一个空的...
2、在 src 目录下新建 utils /request.ts,内容如下: .env相关环境配置 import axios, {AxiosInstance, AxiosRequestConfig, AxiosResponse, AxiosError} from 'axios'; import {ElMessage} from 'element-plus'; console.log('import.meta.env', import.meta.env); const request: AxiosInstance = axios.create...
// dts: './auto-imports.d.ts', // 插件配置之后,运行代码时会自动在根目录下(通过dts配置可修改路径)生成一个auto-import.d.ts文件,需要将此文件添加到tsconfig.json中,否则在使用api时会提示未定义:// 如果报错__dirname找不到,需要安装node,执行npm install @types/node --save-dev ...
"sourceType":"module"},"plugins":["vue","@typescript-eslint","@vue/prettier"// ++ prettier配置],"overrides":[{"files":["*.ts","*.vue"],"rules":{"no-undef":"off"}}],"rules":{"vue/multi-word-component-names":0,// ++ 关闭.vue文件必须是大驼峰命名的...
前言:上一篇,我们搭建了基础的vue3+vite+ts项目。本篇,我们来做开发前的准备工作。 一:env文件配置。 新搭建的项目,并没有env文件。 点击新建文件,我新建了三个环境,分别是: 测试环境:.env.development;本地环境:.env.localhost;线上环境:.env.production ...
import vuefrom'@vitejs/plugin-vue' // https://vitejs.dev/config/ exportdefaultdefineConfig({ plugins: [vue()], resolve: { alias: { '@': fileURLToPath(newURL('./src', import.meta.url)) } }, server: { port: 5732,//Vue启动端口地址,设置后需要重新run ...
第一步:在 vite.config.ts 里面配置 注意: require 可能会报错,可以终端执行 cnpm i --save-dev @types/node,这一点 vscode 提示做的很好 import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'const{resolve}=require('path')// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:...
直接使用 ts 语法! 第一步:在 src 目录下新建 test.ts 文件 interface People { name: string; } export const people: People = { name: '大哥刘备', }; 1. 2. 3. 4. 5. 6. 7. 第二步:在 App.jsx 文件下导入并使用 import { defineComponent } from "vue"; ...
首先,一个嵌套部署项目须配置base属性,这是公共基础路径,所有资源的路径都将据此配置重写。 /** * 在嵌套的公共路径下部署项目, 构建时所有资源的路径根据base配置被重写。 */base:mode==='development'?'/':'/xxbase', pulic目录默认是,但可以通过选项 来配置,作为静态资源服务的文件夹。该目录中的文件在开...