vue中使用@的时候配置路径提示

最新推荐文章于 2023-09-26 11:29:17 发布

haosicx

最新推荐文章于 2023-09-26 11:29:17 发布

阅读量519

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/haosicx/article/details/122930830

版权

新增配置文件 jsconfig.json
当我们路径中使用@的时候可以有提示

{
  "compilerOptions": {
    "baseUrl": ".",
    "paths": {
      "@/*": ["./src/*"],
    }
  },
  "exclude": ["node_modules", "dist"]
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

haosicx

关注关注

1
点赞
踩
2

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

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

你喜欢大熊猫嘛

06-13

1288

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

vue.config.js中配置Vue的路径别名的方法

10-15

Vue CLI提供了一个名为`vue.config.js`的配置文件，允许我们自定义项目的构建设置，其中包括配置路径别名。以下将详细介绍如何在`vue.config.js`中设置Vue的路径别名。首先，我们需要在项目的根目录下创建或编辑`...

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

配置Vue中@符，出现路径提示

weixin_44143173的博客

11-29

982

1.Vs code商店搜索Path Intellisense 插件安装 2. 打开设置 - 首选项 - 搜索 Path Intellisense - 打开 settings.json ，添加： "path-intellisense.mappings": { "@": "${workspaceRoot}/src" } 3.项目根目录创建jsconfig.json 文件，添加...

vue学习笔记：在vscode中使用@提示路径

杨威的博客

05-03

3378

在vscode中输入“@/"后如果可以智能提示路径，可以有效防止路径名称输入错误，减少不必要的麻烦。效果如下图所示：安装"Path Autocomplete"插件后可以实现路径的智能提示，步骤如下： 1、在vscode中查找Path Autocomplete插件 2、安装插件 3、在vscode中选择“文件-首选项-设置”，在设置页面右上角点击图标打开settings.json配置文件 4、在配置文件中添加如下代码在 //导入文件时是否携带文件扩展..

vue 引入文件的路径问题

leyu_miss的博客

01-15

1197

项目情景：当我需要在vue里引入图片文件或样式文件等静态资源文件时，如果不在同一个目录，放在其它目录的话，需要写个很长的相对路径写…/…/…/ 等才能找到这个文件，那怎么简单的通过其他方式引入呢？方法如下：需要找到webpack里面的alias配置一下： resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'),

vue项目时@提示

最新发布

qq_57700056的博客

09-26

113

【代码】vue项目时@提示。

vscode中Vue别名路径提示的实现

11-19

当使用 Vue 框架进行项目开发时，在 vue.config.js 中配置好了路径别名后，到其他页面引入组件、引入 css 、引入静态文件路径时，使用路径别名不会智能提示路径。虽然在 vscode 中安装了Path Intellisense 插件，...

vscode中vue项目使用@时自动补全路径插件

05-30

3. 在Vue项目中打开一个`.vue`文件，试着输入一个路径，比如`import HelloWorld from '@/components/HelloWorld'`。 4. 输入`@`符号时，`path-intellisense`会自动提示可用的路径，方便你快速补全路径。除了`path-...

解决vue项目打包后提示图片文件路径错误的问题

08-27

解决 Vue 项目打包后提示图片文件路径错误的问题可以使用多种方法，但是第三种方法是最为简洁和有效的方法。通过修改 `generateLoaders` 函数中的 `publicPath` 配置，我们可以确保图片文件路径正确，从而解决图片...

Vue3配置@符号为根路径，在Vue文件中可以正常识别

05-22

2251

【代码】Vue3配置@符号为根路径，在Vue文件中可以正常识别。

vue配置路径别名、vuex的使用

yangyanqin2545的博客

07-18

256

vue配置路径别名、vuex的使用 1、配置路径别名在webpack.base.conf.js中查找到如下的代码即可修改： resolve:{ extensions:['.js','vue','.json'], alias:{ "@":resolve('src'), "assets":resolve('@/assets'), "components":resolve('@/components'), "views":resolve('@/views'), } }

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

小f要努力啦的博客

09-04

2293

vue配置根目录

路径使用@就没有提示语法的解决办法

weixin_51608296的博客

05-18

612

在项目根目录中添加一个jsconfig.json配置文件，内容如下： { "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["src/*"] }, "target": "ES6", "module": "commonjs", "allowSyntheticDefaultImports": true }, "include": ["src/**/*"], "exclu

vscode 中vue导入模块的@路径提示以及采用@后报错显示not found

Hannah_Hannah_的博客

06-13

6910

上图点击【扩展设置】后进入下图点击上图的【步骤 2】之后，进入下图的【settings.json】文件中，添加下列框出的代码、以上是下载的插件的基本配置接下来是取别名的配置如果没有jsconfig.json文件，那就自己建一个（！！！名字要一摸一样）以上情况就基本上成功了，如果@路径还不生效的话，看看自己的文件中是否使用了tsconfig.json文件，如果有的话，需要在tsconfig.json中添加配置 "allowJs": true，最后就成功啦！！！！！.........

127-Vue中“@/”路径提示配置

jolinoy的博客

07-20

1151

在VScode中安装PathIntellisense插件。打开设置-首选项-搜索。所在同级目录下创建文件。

vscode配置@路径提示,并解决vue文件内失效问题