首页 > 其他分享 >解决webstorm不能识别vue的@路径引用

解决webstorm不能识别vue的@路径引用

时间:2023-01-31 11:17:04浏览次数:42  
标签:vue 路径 webstorm js webpack 设置 config

方式1: 

webstorm 无法识别@ 符号问题[ctrl+左键无法跳转]解决:

创建vue项目,打开项目后,再进入webstorm配置页面[否则没有webpack选项]

ctrl+alt+s[进入设置页面] -> language & frameworks -> javascript -> webpack

webpack configuration file 设置为 当前项目目录[路径]下的 node_modules/@vue/cli-service/webpack.config.js
3.1. eg: D:/development/workspace/vue/vote-system/node_modules/@vue/cli-service/webpack.config.js

 

方式2: 方式1不管用可以这样:

新建一个webpack.config.js文件中加入如下内容

在webstorm的设置中找到Webpack设置,选中webpack.config.js文件

module.exports = {
  resolve: {
    alias: {
      "@": require("path").resolve(__dirname, "")
    }
  }
}

 

标签:vue,路径,webstorm,js,webpack,设置,config
From: https://www.cnblogs.com/init-007/p/17078299.html

相关文章

  • 使用 vue-pdf 踩坑记录
    嵌入小程序里的h5里有一个查看pdf的功能,在h5里可以正常打开pdf,但是在小程序的webview里却打不开。为了解决这个问题踩了好多坑......
  • VUEX 使用学习六 : modules
    转载请注明出处:当Store中存放了非常多非常大的共享数据对象时,应用会变的非常的复杂,Store对象也会非常臃肿,所以Vuex提供了一个Module模块来分隔Store。通过对Vuex中的S......
  • VUEX 使用学习五 : getter
    转载请注明出处:Getter对Store中的数据进行加工处理形成新的数据。他不会修改state中的原始数据,起到的是包装数据的作用;有时我们需要从store中的state中派生......
  • 为什么vue3要使用ref
    vue3中使用ref来创建响应式数据,让习惯了选项式API的我很不习惯。因为得使用xxx.value来读写响应式数据,没有vue2中直接使用this.xxx来读写简洁。vue3这样设计的原因是原生J......
  • Vue2 和 Vue3 的不同之处
    1、双向绑定的更新 vue2是采用的ES5的⼀个API叫做object.definePropert 对数据进⾏劫持结合发布订阅模式vue3是采用的ES6的一个API叫做Proxy......
  • 基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计
    基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计文章目录​​基于Java+SpringBoot+vue+element实现新冠疫情物资管理系统详细设计​​​​前言介绍:​​​......
  • 基于Java+SpringBoot+vue+node.js实现自行车租赁平台管理系统
    基于Java+SpringBoot+vue+node.js实现自行车租赁平台管理系统文章目录​​基于Java+SpringBoot+vue+node.js实现自行车租赁平台管理系统​​​​前言介绍:​​​​功能设计:​......
  • antdvue 上传图片最多四张,有预览删除
    <template><divref="classReview"><a-modal:body-style="modalStyle":confirm-loading="confirmLoading":footer="null":getConta......
  • 基于Java+SpringBoot+vue+elementUI私人健身教练预约管理系统设计实现
    文章目录​​基于Java+SpringBoot+vue+elementUI私人健身教练预约管理系统设计实现​​​​一、前言介绍:​​​​二、系统设计:​​​​2.1性能需求分析​​​​2.2B/S架构......
  • html文件转vue文件
    1.背景新建了html页面,但是项目框架是vue框架,需要把html文件转为vue文件2.步骤2.1页面架构调整<template><div><!--将原来body标签中的内容放入此处--></d......