Vue中配置@为src目录的路径

最新推荐文章于 2024-08-12 19:02:57 发布

CHY__YHC

最新推荐文章于 2024-08-12 19:02:57 发布

阅读量825

点赞数

分类专栏： Vue 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/weixin_45982960/article/details/122774783

版权

Vue 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

本文档详细介绍了如何配置JSConfig.json文件，主要用于前端开发的路径别名设置。通过`baseUrl`和`paths`属性，可以便捷地管理项目源码路径。同时，`exclude`字段排除了`node_modules`和`dist`目录，确保编译时不包含这些文件。

摘要由CSDN通过智能技术生成

该配置要配置在jsconfig.json文件中

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*":[
        "src/*"
      ]
    }
  },
// @ 不能使用在以下文件中
  "exclude": [
    "node_modules",
    "dist"
  ]
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

CHY__YHC

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue项目如何设置@路径提示，@代替src

你喜欢大熊猫嘛

06-13

1307

vue项目如何设置@路径提示，@代替src

Vue配置根目录@（引用路径）

明日复明日的博客

08-12

5491

首先：@是在路径访问时使用的，为了减少层级引用。 @这是webpack设置的路径别名，默认指向src。旧版本在build/webpack.base.conf这个文件里面定义。新版本在根目录下创建在vue.config.js定义。 const path = require('path') const resolve = dir => path.join(__dirname, dir) module.exports = { baseUrl: './', runtimeCompile

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

Vue中配置@作为src根路径

计算机软件编程，包含Java、Php、Python、前后端、数据库等实战项目

10-29

3848

在跟src同级的根路径下找到vue.config.js中作如下配置： 'use strict' const path = require('path') function resolve(dir) { return path.join(__dirname, dir) } const name = '学生信息管理系统' // page title module.exports = { publicPath: '/', outputDir: 'dist', assetsD

TypeScript 编译选项 compilerOptions 全部配置项

最新发布

咸鱼滚滚

08-12

2356

示例：在这个例子中，当处理 JSX 代码时，TypeScript 编译器将使用名为的函数作为工厂函数，而不是默认的。示例：在这个例子中，当处理 JSX 代码时，TypeScript 编译器将从模块导入用于处理 JSX 的函数或对象，而不是默认的 React 库。示例：在这个例子中，TypeScript 编译器将在全局命名空间中查找名为 ""的对象来识别 React 相关的功能。示例：在这个例子中，TypeScript 编译器将从当前目录下的目录开始查找源文件。项目结构如下：配置：在

vue项目中@/src路径跳转配置

zmx781284440的博客

03-12

1175

在vscode中安装Vue Jumper这个插件，可支持。(ctrl+鼠标左键点击组件名)

Vue中src别名的配置“@”

qq_63497385的博客

06-03

566

在 Vue 项目中，特别是在使用 Vue CLI 创建的项目中，@ 符号通常被用作 src 目录的别名。这意味着你可以在项目中的任何地方通过 @ 快速引用 src 目录下的文件，而不是每次都写完整的相对路径。要在 Vue 项目中配置 @ 符号作为 src 目录的别名，你通常不需要手动修改任何配置文件，因为 Vue CLI 已经为你做了这个设置。但是，如果你想要了解这个别名是如何设置的，或者如何在其他构建工具（如 Webpack）中手动设置它，以下是一些基本的步骤和概念。

taro框架在tsconfig.json中设置“paths“: { “@/*“: [“src/*“] }不生效

weixin_45495316的博客

08-25

1055

要在config/index.ts中填写如下配置，@符就生效了。明明在tsconfig中配置了paths，@符仍旧不生效。发现taro的文章好少，记录一下。

vue动态设置img的src路径实例

10-18

首先，我们需要了解在Vue中为什么需要动态设置src属性。假设我们有一个用户头像的显示功能，用户的头像地址可能会随时更改，这时我们不能在模板中硬编码图片地址，而应该将其设置为动态数据。在Vue中，直接在模板...

【Vue】src 路径别名`@`的配置

小秀的博客

09-03

491

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

Vue 自定义标签的src属性不能使用相对路径的解决

10-16

例如，如果你需要将img标签的src属性转换为require()形式，可以在vue-loader的配置中添加如下设置： ```javascript transformToRequire: { img: 'src' } ``` 而在Vue CLI 3.x版本中，配置API有所变化，由...

路径别名

weixin_54005667的博客

01-09

328

jsconfig.json文件 "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, "exclude": ["node_modules", "dist"] // 除了这两个目录以外,其他的目录都可以使用上述的设置 }

别名路径设置--使用路径别名@的时候可以提示路径.

weixin_45345234的博客

08-03

457

【代码】别名路径设置--使用路径别名@的时候可以提示路径.

配置 @/ 后面的路径提示

Wildness_的博客

02-17

560

在项目根目录中创建文件jsconfig.json { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"], } }, "exclude": ["node_modules", "dist"] }

React使用“@“作为src文件

m0_47946425的博客

01-13

477

React使用"@"作为src文件暴露webpack的config文件 1.$npm run eject 2.在config/webpack.config.js文件的alias中插入代码 alias: { ........ '@': path.resolve('src'), }, 重新执行 npm start

Vue 配置根目录（用@代替src）

小f要努力啦的博客

09-04

2311

vue配置根目录

vue配置src为@（根目录）

weixin_44161385的博客

03-03

1221

在vue.config.js（初始生成文件名为babel.config.js）中增加代码（ chainWebpack: config => { config.resolve.alias .set(’@’, resolve(‘src’)) } ）： const path = require('path') const resolve = dir => path.join(__dirname, dir) module.exports = { baseUrl: './', runti

vue配置src的快捷路径以及跨域问题的解决

m0_56986233的博客

03-26

1293

1.配置src的快捷路径@ 在目录下新建一个jsconfig.json文件，输入一下内容即可 { "compilerOptions": { "baseUrl": "./", // 配置src文件 "paths": { "@/*": [ "src/*" ] } }, "exclude": [ "node_modules", "dist" ] } 接下来就可以直接用@了。此时的@表示src文件夹跨域解决

vscode配置别名路径联想提示

rqz__的博客

05-16

1138

在编写代码的过程中，一旦输入@/，vscode会立刻联想出src下的所有子目录和文件，统一文件路径访问不容易出错

Vue项目设置路径src目录别名为@

jonssonyan

01-24

6072

在实际项目中，我们通常可以将src目录设置为@目录，这样引入文件时候可以一目了然而且使用起来非常方便，可以提高我们的开发效率。本文介绍如何在实际项目中使用@作为src目录的别名，如果你使用的编程语言为JavaScript 如果你使用的编程语言为TypeScript ...