ts+vite项目配置src文件夹的别名为@

最新推荐文章于 2025-12-18 10:37:20 发布

原创最新推荐文章于 2025-12-18 10:37:20 发布 · 186 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端

ts版本为5，vite版本为6

1 在根目录下配置vite.config.ts

首先需要执行命令，使得path变量可以被识别

npm i @types/node

2 在根目录下配置tsconfig.app.json

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Sifan Hassan

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

如何创建一个vite+vue3+ts项目（小白必看）

蜗牛~~

06-15

2837

当修改代码时，HMR 能够在不刷新页面的情况下，把页面中发生变化的模块，替换成新的模块，同时不影响其他模块的正常运作。在我们使用 node 方法（比如 path.resolve）时提供 ts 类型声明，否则编辑器会报错，虽然不影响代码运行，但是会有红线很影响心情，如下图所示。Pinia 支持热更新，所以你可以编辑你的 store，并直接在你的应用中与它们互动，而不需要重新加载页面，允许你保持当前的。（2）写好页面之后，我们来创建路由，在 src 路径下新建 router/index.ts。

Vue3-src文件夹别名@配置

小卡拉米的博客

01-21

677

vite.config.ts文件添加配置。

参与评论您还未登录，请先登录后发表或查看评论

src别名的配置

GarbageO_O的博客

05-11

421

如果有红色语法提示安装@types/node,是TypeScript的一个声明文件包。用于描述Node.js核心模块和常用的第三方库的类型信息。然后找到tsconfig.json配置文件，找到配置项compilerOptions添加配置，这一步的作用是让IDE可以对路径进行之智能提示。找到vite.config.ts配置文件。

src别名的配置--@

qq_46055514的博客

06-07

429

在开发项目的时候文件与文件关系可能很复杂，因此我们需要给src文件夹配置一个别名。

Vue3 - Vite项目中src别名@配置问题解决

qq_29715355的博客

04-28

1150

在Vue3 - Vite项目开发中，当导入组件时，可能会遇到路径过长的问题，如。为了简化路径，我们通常会使用别名来替代src目录，例如使用作为src的别名，这样就可以写成。然而，在实际配置过程中，可能会出现别名配置不生效的情况。

src文件夹简写方法，配置别名。jsconfig.json配置别名@提示

qq_42529941的博客

12-06

1110

{//jsconfig.json配置别名@提示 //【@代表的是src文件夹，这样将来文件过多，找的时候方便很多】 "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, //不能在node_modules、dist文件夹使用 "exclude": ["node_modules", "dist"] } ...

vue3+vite+TS配置项目别名“@/“

qq_62809806的博客

09-14

533

vue3+vite+TS配置项目别名"@/"

vue3+Ts+vite项目配置初始化

weixin_47340789的博客

05-22

692

vue3项目初始化

在Vue+Ts+Vite项目中如何配置别名指向不同的目录并引用

weixin_42064877的博客

10-12

633

在Vue+Ts+Vite项目中如何配置别名指向不同的目录并引用

vue3+ts+vite+pinia 项目搭建

m0_54850825的博客

03-06

775

1. 起始，项目搭建 yarn 创建项目 yarn create vite pnpm 安装依赖（如果没有可以用npm） // mac安装pnpm sudo npm i -g yarn // 安装依赖 pnpm i //启动项目 yarn dev //安装一下pretter和eslint pnpm i prettier eslint eslint-config-prettier eslint-plugin-prettier eslint-plugin-vue vue-eslint-parser @types

Vue3+Vite+TS+Pinia+ElementPlus+Router+Axios创建项目

qq_24484317的博客

02-14

3313

Vue3+Vite+Pinia+ElementPlus+Router+Axios创建项目

搭建vue3+ts+less+vite项目

bighead的博客

03-22

5334

1. 创建项目首先用Vite工具创建Vue3+Typescript的项目环境注意：Vite需要你的Nodejs版本>=12.0.0 // yarn 方式 yarn create @vitejs/app v3-ts --template vue-ts cd v3-ts yarn yarn dev // npm npm init @vitejs/app v3-ts --template vue-ts cd v3-ts npm install npm run dev 2. 添加less y

给src配置别名

qq_48306453的博客

04-27

424

给src配置别名 jsconfig.json配置别名@提示： @代表的是src文件夹，这样将来文件过多，找的时候方便很多注意：modules和dist文件夹中无法使用使用方法： @/ ：表示src目录 jsconfig.json { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": [ "src/*"

商城后台管理系统 02 添加规格参数-动态表单

weixin_52943021的博客

12-15

284

Boolean。

vue2/vue3前端创建脚手架并引入RBAC权限模型

demotang的博客

12-18

136

本文介绍了基于Vue的RBAC权限管理系统实现方案。主要内容包括：1) 使用VueCLI创建项目并配置基础结构；2) 封装axios请求，实现请求/响应拦截；3) 通过Vuex管理角色和权限状态；4) 实现路由守卫和动态路由生成；5) 开发权限指令和按钮组件进行细粒度控制；6) 完整RBAC流程实现，包括登录认证、权限获取和访问控制。该方案覆盖了前端RBAC的核心功能，可根据项目需求灵活调整。

商城后台管理系统 03 规格参数配置

weixin_52943021的博客

12-15

226

【代码】商城后台管理系统 03 规格参数配置。

Harmony OS Web 组件：如何在新窗口中打开网页（实战分享）

Yihong1833100198的博客

12-17

870

摘要：本文分享了Harmony OS Web组件实现新窗口打开网页的实战经验。通过multiWindowAccess()设置允许新窗口，结合onWindowNew回调捕获并处理网页中的新窗口请求（如target="_blank"链接或window.open调用）。文章提供了典型应用场景（如区分内外链处理）、完整代码示例和常见问题解决方案，帮助开发者实现更智能的网页打开策略，提升应用体验。

网络安全中级阶段学习笔记（七）：Web 安全之文件上传漏洞笔记1（包含upload-labs-master靶场前三关实战）

2501_91976946的博客

12-15

853

摘要：本文系统梳理文件上传漏洞攻防要点，包含漏洞定义、危害（如Webshell控制服务器）、检测流程及多种绕过技巧（JS验证、MIME-Type、黑名单等）。重点提出"白名单+多环节验证"防御方案，包括严格后缀验证、文件类型检测、权限控制等。补充靶场实践案例，演示通过修改后缀、利用解析特性实现漏洞利用。强调防御需结合前端限制、服务端校验与安全监控，构建纵深防护体系。

万字讲解内网横向渗透vulnstack（七）：红日靶场7实战全流程1-提权Web1/Web2（CVE-2021-3493）

ts+vite项目 配置src文件夹的别名为@

ts+vite项目配置src文件夹的别名为@