webstrom vue 不认识@符号

最新推荐文章于 2024-07-11 09:10:40 发布

安果移不动

最新推荐文章于 2024-07-11 09:10:40 发布

阅读量780

点赞数

分类专栏： # vue 文章标签： vue.js webpack javascript

独学而无友，则孤陋寡闻。q群582951247

本文链接：https://blog.csdn.net/mp624183768/article/details/123202488

版权

vue 专栏收录该内容

106 篇文章 1 订阅

订阅专栏

项目根目录新建 webstorm.config.js

代码如下

'use strict'
const webpackConfig = require('@vue/cli-service/webpack.config.js')
module.exports = webpackConfig

alt+ctrl+s打开设置

指向这个设置 ctrl+s保存后即可使用@路径了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

安果移不动

关注关注

0
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue中的@blur事件

郭宝的博客

07-01

9万+

@blur 是什么？ @blur 是当元素失去焦点时所触发的事件 @blur 怎么使用？ <template> <div> ============================61、@blur 事件的使用========================= <!-- @blur 当元素失去焦点...

解决WebStorm识别不到“@”符号路径问题

qq_43731674的博客

07-01

3106

步骤一在项目根目录新建文件夹（webstorm.config.js）并加入以下内容 'use strict' const webpackConfig = require('@vue/cli-service/webpack.config.js') module.exports = webpackConfig 如果以上方法不生效可以尝试步骤二步骤二在项目根目录新建文件夹（jsconfig.json）并加入以下内容 { "compilerOptions": { "target": "es6

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

webstorm无法识别@问题解决

weixin_44269248的博客

02-01

4359

在webstorm中无法识别@符号,无法ctrl跳转,需要进行如下配置:

webstorm问题解决：无法识别 @

最新发布

喜大普奔

07-11

595

添加 baseUrl 和 paths 的配置，以告诉 TypeScript 和 WebStorm 如何解析路径别名。但是，我用webstorm 上识别不了。

Webstorm——Vue项目无法识别@

qq812457115的博客

04-26

1906

1. ctrl+alt+s[进入设置页面] language & frameworks -> javascript -> webpack 选择Manually,然后选择Configuration File 路径当前目录：node_modules@vue\cli-service\webpack.config.js

vite+vue3+js配置将./src变为@并自动提示

IamKangDi的博客

02-14

1662

3.在项目根目录下创建jsconfig.json文件并添加以下代码，不添加的话@的时候没有提示。2.在vite.config.js中引入path并重写./src的名字。1.先执行npm下载@types/node依赖。

webstrom Debug 调试vue项目的方法步骤

10-18

WebStorm是一款流行的集成开发环境（IDE），被广泛用于开发JavaScript应用程序，包括Vue.js项目。Vue.js是一个用于构建用户界面的渐进式JavaScript框架。调试Vue项目通常需要利用WebStorm提供的调试工具来帮助开发者...

Vue中使用@media媒体查询失效问题

weixin_44083426的博客

07-26

1万+

Vue媒体查询失效原因网上总结的比较多，因为这是接手的项目，还不够熟悉代码，一一排查得到了一下结果： // 出错位置 <meta name="viewport" content="user-scalable=0"> 这个meta在html页面当中，vue只有一个这一个页面，会把所有模板放里面，我的这个html结构文件是index.html 以下是修改方式： <meta nam...

Vue 输入框组件 @input、@keyup.enter、@change、@blur

且听风吟的博客

02-16

3666

input input 事件结合了 keyup事件和 change事件，会在keyup时判断值是否发生变化，变化了则触发该事件。 input 一般用于实时监听事件，只要输入的值变化了就会触发input。 keyup.enter keyup.enter事件是在pc上点击回车键触发，在手机上是需要点击输入键盘上的确定键触发。 click @click 与enter事件相似，在手机上都是要经过触发的虚拟键盘才会触发事件，一般用于触发事件。 blur blur(失焦)是输入框在输入完成、失去焦点，移到其他地方触发

配置ts和vite中@的使用和不提示代码解决

qq_54601164的博客

06-21

2345

默认情况下会报path红线，但是只要是有node环境，就会可以使用，报红的原因是在ts中缺少一些声明配置，所以需要安装关于node这个库的ts声明配置。安装成功就后应该不会报红，如果还报错，就把引入换成import * as path from path。目前ts对@指向src目录的提示是不支持的，vite默认也是不支持的，需要手动配置@符号的指向。1、路径别名配置好后，我们需要在tsconfig.json文件中，添加两项配置。1、在vite.config.ts 文件中进行配置。三、配置路径别名的提示。

webstorm vue项目@路径不能跳转到对应资源,提示Cannot find declaration to go to

wzz_aaa的博客

03-16

641

node_modules\@vue\cli-service\webpack.config.js路径选进去确认，保存，重新打开项目即可。找到当前项目下的node-modules包。

webpack、vue.config.js

qq_30351747的博客

09-18

1396

webpack、vue.config.js

webstorm 不识别路径别名@

06-01

1万+

'use strict' const path = require('path') function resolve(dir) { return path.join(__dirname, '.', dir) } module.exports = { context: path.resolve(__dirname, './'), resolve: { extensions:...

webstorm 编辑器中使用“@/“ 引入路径无法识别有波浪线问题

qq_45631770的博客

07-24

2576

解决编辑器使用@引入路径报错的问题。

webstorm设置点击文件路径快捷跳转

u010606701的博客

02-22

3095

1、点击左上角File -> settings 2、搜索webpack 3、选择当前项目下 node_modules@vue\cli-service\webpack.config.js

关于绝对路径和相对路径

Handsome2013的博客

03-16

749

关于绝对路径和相对路径实际上相对路径也有两种吧，平时在webstorm，vscode等软件中，选中文件右键，会出现path和relative path,就是绝对路径和相对路径，但是这个相对路径是相对于项目源代码目录。平时也经常使用相对当前文件路径。（以下来自：https://zhidao.baidu.com/question/1836150297173371100.html）一种是相对...

vue-cli3 配合 webpack 配置详解（vue.config.js）

我的博客

05-29

3300

综述：vue-cli3.0配置总结，与webpack搭配使用参考文章：https://blog.csdn.net/Hampton_Chen/article/details/88931567 https://recomm.cnblogs.com/blogpost/10334865 1.组件全套配置及说明 module.exports = { // 部署应用时的基本 URL baseUrl: process.env.NODE_ENV === '...

vue-cli3之webpack配置

flym_的博客

03-08

7630

vue-cli 3 中文文档 webpack-chain vue.config.js官方配置指南当我们项目初始化后，没有了以前熟悉的 build 目录，也就没有了 webpack.base.config.js、webpack.dev.config.js 、webpack.prod.config.js 等配置文件，可能一时会觉得无从下手，其实是vue-cli3在我们项目初始化的时候，就已经帮我们初...

Vue-cli3项目配置webpack (Vue.config.js)