V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ZGame
V2EX  ›  Visual Studio Code

vue 3.0 vite vscode ide 提示反应很慢

  •  
  •   ZGame · 129 天前 · 2909 次点击
    这是一个创建于 129 天前的主题,其中的信息可能已经有所发展或是发生改变。

    问下整个有啥办法排查吗 是插件的问题还是?

    41 条回复    2024-07-03 09:21:36 +08:00
    songray
        1
    songray  
       129 天前
    1. 有没有用 wsl.
    2. 项目规模, 如果是那种 100+个.vue 的项目, 卡是正常的, vue official (lsp) 做的很烂.
    3. 同时可以检查一下 tsconfig, 记得设置 skiplib
    gitdoit
        2
    gitdoit  
       129 天前   ❤️ 3
    可能是 vue 官方 2.x 插件的问题 可以去看看他们仓库的 issue 列表, 都是你这个症状
    crocoBaby
        3
    crocoBaby  
       129 天前
    我也遇到了,而且很多组件不能高亮
    LuckyLauncher
        4
    LuckyLauncher  
       129 天前   ❤️ 3
    该说不说,vue 的语法提示、浏览器 devtool 做的都很烂
    bojackhorseman
        5
    bojackhorseman  
       129 天前
    volar 变成 vue 插件了,感觉越来越差了😪
    bojackhorseman
        6
    bojackhorseman  
       129 天前
    @bojackhorseman 毕竟不像 react 是 ts 亲儿子。隔几分钟就得 reload window 一下
    fgt1t5y
        7
    fgt1t5y  
       129 天前
    使用 1.8.27 这个版本会正常一点
    x007xyzabc
        8
    x007xyzabc  
       129 天前
    是的,卡死
    wusheng0
        9
    wusheng0  
       129 天前 via Android
    插件问题搞得不想用 vue 了
    realJamespond
        10
    realJamespond  
       129 天前
    @wusheng0 哈哈,16 年开始转前端,开始用的是 vue ,17 年就转 react 了一直到现在
    LandCruiser
        11
    LandCruiser  
       129 天前
    这些东西都是用爱发电的,做的不行很正常。
    lovelyxiaod
        12
    lovelyxiaod  
       129 天前
    我也是, 我们公司还是内网虚拟机开发, 机器性能更差, 项目又大, ts 等同于残废. 兄弟们有好的优化方法记得回复一下, 多谢了.
    bestie
        13
    bestie  
       129 天前
    是的,我用也反应慢,而且有个很蛋疼的问题。如果一个 vue 文件,在里面新增一个 script setup 标签,那么这个文件里面的高亮会完全错乱失效,代码提示也会失效,只能 reload window 或者关闭编辑器重启才会恢复。
    17681880207
        14
    17681880207  
       129 天前
    vscode 写 vue ,函数变量经常无法点击跳转,平均半小时或者每次新增文件之后 reload window 一下是常态了。
    关键是我发现现在连 webstorm 也不行了...
    coolfan
        15
    coolfan  
       129 天前
    新增文件后引用不到的话,去 tsconfig.app.json 文件里按一下 ctrl + S 就行🤣
    zogwosh
        16
    zogwosh  
       129 天前
    不仅如此,你增加 package.json 的依赖,volar 的性能也会变差,比如 element,icon.
    就连 webstorm 改用 volar 了以后,性能也变得很差.
    已经不想写 vue 了,vue 是好框架但是开发体验太差
    ilvsxk
        17
    ilvsxk  
       129 天前
    插件本身不行,问题多,有时候还有有奇奇怪怪的问题,就只有重开 vscode ,隔两三个小时重开一次都快成习惯了。
    FlyBearX
        18
    FlyBearX  
       129 天前
    https://roadmap.sh/
    这个网站就是学习路线了
    你可以参考学习
    FlyBearX
        19
    FlyBearX  
       129 天前
    @FlyBearX 回复错了,不好意思
    lisongeee
        20
    lisongeee  
       129 天前
    使用 vue/tsx 能解决你的问题,但是没有模板编译优化,而且各种指令和插槽也不太好写
    mrwangjustsay
        21
    mrwangjustsay  
       129 天前
    doommm
        22
    doommm  
       129 天前
    卡的时候我一般会 restart vue language server + restart ts server
    wetyq
        23
    wetyq  
       129 天前
    建议暂时换 WebStorm 解决
    samnya
        24
    samnya  
       129 天前
    webstorm 里面也运行这个,好慢
    ![png]( https://s2.loli.net/2024/07/02/9DrfzG7HSLNcP8O.png)
    clandyuki
        25
    clandyuki  
       129 天前
    楼上看到新建文件 ts 失效需要 reload window 我还以为是我自己的问题,没想到是官方问题
    yuuko
        26
    yuuko  
       129 天前
    为什么发到 react 下面😆
    yuuko
        27
    yuuko  
       129 天前
    很多人说什么 react 是 ts 亲儿子,其实是因为 jsx/tsx 是 js/ts 一个扩展,但是 vue 不是
    Dragonphy
        28
    Dragonphy  
       129 天前
    @wusheng0 #9 这种 HTML 结构的解析都挺麻烦的,除非你只写 TSX 。
    CHTuring
        29
    CHTuring  
       129 天前
    无解,Valor 的问题,永远都不可能好。
    orionnnnn
        30
    orionnnnn  
       129 天前
    @17681880207 如果 vscode 使用的是`Vue - Official`插件,那么需要在项目下新增`tsconfig.json`,配置之后跳转丝滑。配置参考如下。
    ```json
    {
    "compilerOptions": {
    "target": "ESNext",
    "lib": ["DOM", "ESNext"],
    "baseUrl": ".",
    "module": "ESNext",
    "moduleResolution": "node",
    "paths": {
    "@/*": ["src/*"]
    },
    "resolveJsonModule": true,
    "types": ["vite/client"],
    "allowJs": true,
    "strict": true,
    "strictNullChecks": true,
    "noUnusedLocals": true,
    "outDir": "./dist",
    "esModuleInterop": true,
    "forceConsistentCasingInFileNames": true,
    "isolatedModules": false,
    "skipLibCheck": true
    },
    "exclude": ["dist", "node_modules"]
    }
    ```
    yanqing07
        31
    yanqing07  
       129 天前
    @LuckyLauncher #4 最近的 devtool ,开一阵子就无响应了。不知道它代码更新了什么,以前用的还是好好的。
    LandCruiser
        32
    LandCruiser  
       129 天前
    @yanqing07 去应用商店下另一个版本就行,就是有 bug ,然后维护 devtools 的那个人没钱拿,前段时间打算不干了,不过最近好像拿到钱又开始干了,但是修复一时半会是修复不了的。
    delta1035
        33
    delta1035  
       129 天前
    卡的受不了
    yanqing07
        34
    yanqing07  
       129 天前
    @LandCruiser #32 呃。。。原来不是官方去维护的 devtools 。果然,还是用 react 比较省心
    LandCruiser
        35
    LandCruiser  
       129 天前   ❤️ 1
    @yanqing07 是 vue 团队的人啊,他们也不是有固定工资的,有人赞助就有。
    gbw1992
        36
    gbw1992  
       129 天前
    额啊,上次在一个群里问 vscode 开发 vue 提示慢的问题
    然后都说不慢,我还以为是我的问题
    xntzmk
        37
    xntzmk  
       129 天前
    @songray 用 wsl 会好很多么
    wusheng0
        38
    wusheng0  
       129 天前 via Android
    @LandCruiser 不理解。祖师爷都开上兰博基尼了,周边还维护不好。那个插件也是,挂在官方下面,结果作者说是个人维护。
    wusheng0
        39
    wusheng0  
       129 天前 via Android
    @wusheng0 邻居的车,当我没说
    LandCruiser
        40
    LandCruiser  
       128 天前
    @wusheng0 怎么说呢,vue 主要是中文群体在用,这个群体的生存压力要比英语群体大的多得多,没时间搞很正常。
    suyuyu
        41
    suyuyu  
       128 天前
    高亮都能错,且语法错误右下角马上弹窗插件就挂了必须重载。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2876 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 23ms · UTC 13:11 · PVG 21:11 · LAX 05:11 · JFK 08:11
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.