exportdefault{printWidth:80,// 一行最多80个字符tabWidth:2,// 设置工具每一个水平缩进的空格数useTabs:false,//不使用缩进,而使用空格semi:true,// 句末是否加分号vueIndentScriptAndStyle:true,//Vue文件中和是否缩进singleQuote:false,// 用单引号trailingComma:"none",// 最后一个对象元素符加逗号bracketS...
先npm run build:dev,再npm run preview http://localhost:4173/打开这个链接,就是vite为你启的服务,运行的项目。 三:路由配置 1,我是采用路由文件和页面文件一一对应的方式,先分模块,建立对应的文件夹,这样项目越来越大也不害怕,方便管理。 2,安装一下vue-router,npm install vue-router; mian.ts文件里面use...
在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...
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'....
// dts: './auto-imports.d.ts', // 插件配置之后,运行代码时会自动在根目录下(通过dts配置可修改路径)生成一个auto-import.d.ts文件,需要将此文件添加到tsconfig.json中,否则在使用api时会提示未定义:// 如果报错__dirname找不到,需要安装node,执行npm install @types/node --save-dev ...
编辑器会无法进行快捷跳转。extensions 配置导入文件时可忽略的文件扩展名。不建议忽略自定义导入类型的扩展名（例如：.vue），因为它会影响 IDE 和类型支持。使用 vue + ts 时不支持忽略 .vue；不使用 ts 时，如果编辑器是 VScode 则无法进行快捷跳转，WebStorm 则正常使用。代码示例 正文结束 ...
module.exports={//运行环境"env":{"browser":true,//浏览器端"es2021":true,//es2021},//规则继承"extends":[//全部规则默认是关闭的,这个配置项开启推荐规则,推荐规则参照文档//比如:函数不能重名、对象不能出现重复key"eslint:recommended",//vue3语法规则"plugin:vue/vue3-essential",//ts语法规则"pl...
① 配置别名 vite.config.ts 代码: import{defineConfig}from'vite' importvuefrom'@vitejs/plugin-vue' constpath=require('path') importAutoImportfrom'unplugin-auto-import/vite' importComponentsfrom'unplugin-vue-components/vite' import{ElementPlusResolver}from'unplugin-vue-components/resolvers' ...
配置好vite.config.ts的结果如下: import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importpathfrom"path";// https://vitejs.dev/config/exportdefaultdefineConfig({plugins:[vue()],resolve:{alias:{"@":path.resolve(__dirname,"./src"),},},}); ...