exportdefault{printWidth:80,// 一行最多80个字符tabWidth:2,// 设置工具每一个水平缩进的空格数useTabs:false,//不使用缩进,而使用空格semi:true,// 句末是否加分号vueIndentScriptAndStyle:true,//Vue文件中和是否缩进singleQuote:false,// 用单引号trailingComma:"none",// 最后一个对象元素符加逗号bracketS...
http://localhost:4173/打开这个链接,就是vite为你启的服务,运行的项目。 三:路由配置 1,我是采用路由文件和页面文件一一对应的方式,先分模块,建立对应的文件夹,这样项目越来越大也不害怕,方便管理。 2,安装一下vue-router,npm install vue-router; mian.ts文件里面use一下路由: 3,router文件下的index.ts代码...
安装完成之后在src目录下创建文件夹router/index.ts,创建完成之后需要在Vue-Router中对Vue-Router进行初始化配置。我们暂时把初始化的工作搁置一下,先需要创建pages文件夹,把需要展示的页面创建完成。 创建完成之后,接下来就是完善router/index.ts中文件的初始化工作了: import { createRouter, createWebHashHistory } ...
2.1 方式一(推荐):根目录新建lint-staged.config.cjs文件添加配置 module.exports ={'*.{js,jsx,ts,tsx}':['eslint --fix','prettier --write'],'{!(package)*.json,*.code-snippets,.!(browserslist)*rc}':['prettier --write--parser json'],'package.json':['prettier --write'],'*.vue':...
一、安装vue-router yarn add vue-router 二、创建页面 项目目录下新建views文件夹,添加文件(home、login、test) image.png 三、创建router文件夹 3.1、在src下新建router文件夹,在router文件下创建index.ts和modules文件夹 image.png 3.2、在 modules 文件夹下创建模块化的 ts 文件,并填入对应的代码 ...
module.exports={//运行环境"env":{"browser":true,//浏览器端"es2021":true,//es2021},//规则继承"extends":[//全部规则默认是关闭的,这个配置项开启推荐规则,推荐规则参照文档//比如:函数不能重名、对象不能出现重复key"eslint:recommended",//vue3语法规则"plugin:vue/vue3-essential",//ts语法规则"pl...
Vite把环境变量通过 import.meta.env 暴露出来,在 .vue 中使用方式如下: console.log(import.meta.env) 但如果要在 axios 中使用就需要特别配置了,需要在 vite.config.js 中加载环境变量,我们可以像以下这种方式处理: import{ defineConfig, loadEnv }from...
① 配置别名 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中导入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...