雅荷心语博客
雅荷心语
心之所向便是光
  • 首页
  • 前端之旅
  • 后端之路
  • 软件工具
  • 心灵鸡汤
  • 心路历程
  • 视频资料
  • 关于我们
    • 关于我
    • 关于我
  • 微信平台
    • 业务合作
  • 首页
  • 前端之旅
  • 后端之路
  • 软件工具
  • 心灵鸡汤
  • 心路历程
  • 视频资料
  • 关于我们
    • 关于我
    • 关于我
  • 微信平台
    • 业务合作
  • 关注本站
    • 微信
    • 微博
    • 腾讯微博
    • Twitter
    • Facebook
    • RSS订阅
Hi, 请登录     我要注册     找回密码

让phpstorm/webstorm 识别vue等项目中的@路径并且智能提示

2020-01-05 分类:后端之路 阅读(4851) 评论(0)

最近在使用uni-app重构 微云全景, 写代码每次都要单独找文件, 比较费劲!!! 于是就有了这篇文章!

比如我们有这样一段代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
<script type="text/javascript">
  /**
   * Created by PhpStorm.
   * User:  iyahe@qq.com (天明)
   * Date: 2020/1/4
   * Time: 11:21
   * Description:
   */
  import custom from '@/components/custom'
  import cateline from '@/components/cateline'
  export default {
    data() {
      return {}
    },
    computed: {},
    watch: {},
    components: {
      custom,
      cateline
    },
    methods: {
      createNew(){
        this.$tools.href('user/group/create')
      }
    },
    created() {},
    mounted() {}
  }
</script>

如果编辑器不能正确的识别@所指向的目录, 那么我们将无法追踪到文件, 并且引入时候没有智能提示, 这个问题一直困扰我很久, 今天查了一些资料, 找到解决方案!

其实很简单, 我们只需要在项目根目录建一个文件, 比如叫 phpstorm.config.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/**
* Created by PhpStorm.
* User:  iyahe@qq.com (天明)
* Date: 2020/1/4
* Time: 18:58
* Description:
*/
 
const path = require('path')
function resolve (dir) {
  return path.join(__dirname, '.', dir)
}
module.exports = {
  context: path.resolve(__dirname, './'),
  resolve: {
    extensions: ['.js', '.vue', '.json'],
    alias: {
      '@': resolve('src')
    }
  }
}

 

然后打开phpstorm的设置, 选择建立的文件就可以了! 之后写引入文件直接/@/xx就直接出提示了

Snipaste_2020-01-05_10-44-11

 

 

喜欢 (1) 赏 讨厌 (0)
分享到:更多 ()

相关推荐

  • mac 安装及使用amqplib消息队列
  • nginx 负载均衡初了解
  • 关于代码自动更新的一次实验
  • 关于 mysql 怎么安装审计插件的记录
  • 自用phpstorm破解补丁
  • 三种微信小程序VR实现方法
  • 使用ffmpeg.wasm在前端html网页上压缩视频解决方案
  • 要SSR? NUXT项目从初始化到部署服务器流程全记录

评论 抢沙发

取消

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
关于我

小天明 北京·朝阳 前端搬砖工程师

碎碎念):(来自公众号)

热门文章

  • 踩坑记录——iphone上safari开启隐身模式时localStorage变为只读-雅荷心语博客踩坑记录——iphone上safari开启隐身模式时localStorage变为只读2017-02-21评论(4)
  • 程序员是怎样一群人-雅荷心语博客程序员是怎样一群人2015-12-08评论(3)
  • 百度你个大毒瘤 - 吐糟博客这几天打不开事情-雅荷心语博客百度你个大毒瘤 – 吐糟博客这几天打不开事情2015-12-28评论(2)
  • PHP 非对称加密 openssl 加密及解密方法-雅荷心语博客PHP 非对称加密 openssl 加密及解密方法2016-05-17评论(2)
  • PHPStorm10 下载安装破解汉化-雅荷心语博客PHPStorm10 下载安装破解汉化2015-12-15评论(2)
2023年9月
一 二 三 四 五 六 日
« 七    
 123
45678910
11121314151617
18192021222324
252627282930  

最新评论

  • 前端小武 7年前 (2017-04-06)说:
    我看到了layer
  • 丁艳平 7年前 (2017-03-03)说:
  • Dawn 7年前 (2016-09-16)说:
    call_user_func_array最后的例子是错哦,你用bc方法去调用类里 另外一个方法就知道问题所在了。情况1.调用非静态方法 第一个参数应该传[类的实例,调用方法] (既然有类实例了直接-&
  • Dawn 7年前 (2016-06-21)说:
    tp框架设置了全局捕获异常的,这也没什么。坑的是 他捕获了异常。然后全部返回404。。。不知道的 还以为自己网站被删除了
  • Dawn 7年前 (2016-05-17)说:
    构造函数里的判断 用异常机制可能更好一些

左邻右舍

  • Brian's Blog
  • 易水寒
  • 楼教主
  • 贤心
  • 阿米龙

雅荷心语博客 -心之所向便是光

联系我们关于我们

© 2023 雅荷心语博客   网站地图

emlogdux_heademlogdux_footer