配置参考下面链接 需要安装@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...
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...
"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文件必须是大驼峰命名的...
http://localhost:4173/打开这个链接,就是vite为你启的服务,运行的项目。 三:路由配置 1,我是采用路由文件和页面文件一一对应的方式,先分模块,建立对应的文件夹,这样项目越来越大也不害怕,方便管理。 2,安装一下vue-router,npm install vue-router; mian.ts文件里面use一下路由: 3,router文件下的index.ts代码...
// dts: './auto-imports.d.ts', // 插件配置之后,运行代码时会自动在根目录下(通过dts配置可修改路径)生成一个auto-import.d.ts文件,需要将此文件添加到tsconfig.json中,否则在使用api时会提示未定义:// 如果报错__dirname找不到,需要安装node,执行npm install @types/node --save-dev ...
配置一下config.ts文件分类输出 build: { outDir:'dist',chunkSizeWarningLimit:1000,//chunks 大小限制rollupOptions: { output: {chunkFileNames:'js/[name]-[hash].js', // 分类输出 entryFileNames: 'js/[name]-[hash].js', assetFileNames: '[ext]/[name]-[hash].[ext]',manualChunks(id) ...
直接使用 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"; ...
第一步:在 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:...
// package.json"scripts": {"dev":"vite",// 如果ts检查不通过,vite build就不会执行"build":"tsc --noEmit && vite build", }, 然后执行npm run build执行打包命令 果然,此时编译被阻断了。 tsc --noEmit的执行原理 这是ts的内置语法,和vite其实没有关系。执行tsc --noEmit时,TSC 会读取配置文件获取...