vue 3.0 vite vscode ide 提示反应很慢 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ZGame
V2EX    Visual Studio Code

vue 3.0 vite vscode ide 提示反应很慢

  •  
  •   ZGame 2024-07-02 08:59:12 +08:00 4164 次点击
    这是一个创建于 531 天前的主题,其中的信息可能已经有所发展或是发生改变。

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

    41 条回复    2024-07-03 09:21:36 +08:00
    songray
        1
    songray  
       2024-07-02 09:06:13 +08:00
    1. 有没有用 wsl.
    2. 项目规模, 如果是那种 100+个.vue 的项目, 卡是正常的, vue official (lsp) 做的很烂.
    3. 同时可以检查一下 tsconfig, 记得设置 skiplib
    gitdoit
        2
    gitdoit  
       2024-07-02 09:09:19 +08:00   3
    可能是 vue 官方 2.x 插件的问题 可以去看看他们仓库的 issue 列表, 都是你这个症状
    crocoBaby
        3
    crocoBaby  
       2024-07-02 09:12:54 +08:00
    我也遇到了,而且很多组件不能高亮
    LuckyLauncher
        4
    LuckyLauncher  
       2024-07-02 09:18:59 +08:00   3
    该说不说,vue 的语法提示、浏览器 devtool 做的都很烂
    dumbass
        5
    dumbass  
       2024-07-02 09:30:40 +08:00
    volar 变成 vue 插件了,感觉越来越差了
    dumbass
        6
    dumbass  
       2024-07-02 09:31:43 +08:00
    @bojackhorseman 毕竟不像 react 是 ts 亲儿子。隔几分钟就得 reload window 一下
    fgt1t5y
        7
    fgt1t5y  
       2024-07-02 09:37:16 +08:00
    使用 1.8.27 这个版本会正常一点
    x007xyzabc
        8
    x007xyzabc  
       2024-07-02 09:58:42 +08:00
    是的,卡死
    wusheng0
        9
    wusheng0  
       2024-07-02 10:04:42 +08:00 via Android
    插件问题搞得不想用 vue 了
    realJamespond
        10
    realJamespond  
       2024-07-02 10:10:26 +08:00
    @wusheng0 哈哈,16 年开始转前端,开始用的是 vue ,17 年就转 react 了一直到现在
    LandCruiser
        11
    LandCruiser  
       2024-07-02 10:19:51 +08:00
    这些东西都是用爱发电的,做的不行很正常。
    lovelyxiaod
        12
    lovelyxiaod  
       2024-07-02 10:23:07 +08:00
    我也是, 我们公司还是内网虚拟机开发, 机器性能更差, 项目又大, ts 等同于残废. 兄弟们有好的优化方法记得回复一下, 多谢了.
    bestie
        13
    bestie  
       2024-07-02 10:32:34 +08:00
    是的,我用也反应慢,而且有个很蛋疼的问题。如果一个 vue 文件,在里面新增一个 script setup 标签,那么这个文件里面的高亮会完全错乱失效,代码提示也会失效,只能 reload window 或者关闭编辑器重启才会恢复。
    17681880207
        14
    17681880207  
       2024-07-02 10:36:13 +08:00
    vscode 写 vue ,函数变量经常无法点击跳转,平均半小时或者每次新增文件之后 reload window 一下是常态了。
    关键是我发现现在连 webstorm 也不行了...
    coolfan
        15
    coolfan  
       2024-07-02 10:51:47 +08:00
    新增文件后引用不到的话,去 tsconfig.app.json 文件里按一下 ctrl + S 就行
    zogwosh
        16
    zogwosh  
       2024-07-02 10:56:39 +08:00
    不仅如此,你增加 package.json 的依赖,volar 的性能也会变差,比如 element,icon.
    就连 webstorm 改用 volar 了以后,性能也变得很差.
    已经不想写 vue 了,vue 是好框架但是开发体验太差
    0IuL7w7X5K2HJxZf
        17
    0IuL7w7X5K2HJxZf  
       2024-07-02 10:58:41 +08:00
    插件本身不行,问题多,有时候还有有奇奇怪怪的问题,就只有重开 vscode ,隔两三个小时重开一次都快成习惯了。
    FlyBearX
        18
    FlyBearX  
       2024-07-02 11:09:09 +08:00
    https://roadmap.sh/
    这个网站就是学习路线了
    你可以参考学习
    FlyBearX
        19
    FlyBearX  
       2024-07-02 11:09:29 +08:00
    @FlyBearX 回复错了,不好意思
    lisongeee
        20
    lisongeee  
       2024-07-02 11:11:23 +08:00
    使用 vue/tsx 能解决你的问题,但是没有模板编译优化,而且各种指令和插槽也不太好写
    mrwangjustsay
        21
    mrwangjustsay  
       2024-07-02 11:15:25 +08:00
    doommm
        22
    doommm  
       2024-07-02 11:25:56 +08:00
    卡的时候我一般会 restart vue language server + restart ts server
    wetyq
        23
    wetyq  
       2024-07-02 11:35:03 +08:00
    建议暂时换 WebStorm 解决
    samnya
        24
    samnya  
       2024-07-02 11:41:58 +08:00
    webstorm 里面也运行这个,好慢
    ![png]( https://s2.loli.net/2024/07/02/9DrfzG7HSLNcP8O.png)
    clandyuki
        25
    clandyuki  
       2024-07-02 11:47:04 +08:00
    楼上看到新建文件 ts 失效需要 reload window 我还以为是我自己的问题,没想到是官方问题
    yuuko
        26
    yuuko  
       2024-07-02 11:58:52 +08:00
    为什么发到 react 下面
    yuuko
        27
    yuuko  
       2024-07-02 12:01:09 +08:00
    很多人说什么 react 是 ts 亲儿子,其实是因为 jsx/tsx 是 js/ts 一个扩展,但是 vue 不是
    Dragonphy
        28
    Dragonphy  
       2024-07-02 12:04:44 +08:00
    @wusheng0 #9 这种 HTML 结构的解析都挺麻烦的,除非你只写 TSX 。
    CHTuring
        29
    CHTuring  
       2024-07-02 13:57:36 +08:00
    无解,Valor 的问题,永远都不可能好。
    orionnnnn
        30
    orionnnnn  
       2024-07-02 14:20:21 +08:00
    @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  
       2024-07-02 14:32:16 +08:00
    @LuckyLauncher #4 最近的 devtool ,开一阵子就无响应了。不知道它代码更新了什么,以前用的还是好好的。
    LandCruiser
        32
    LandCruiser  
       2024-07-02 15:58:45 +08:00
    @yanqing07 去应用商店下另一个版本就行,就是有 bug ,然后维护 devtools 的那个人没钱拿,前段时间打算不干了,不过最近好像拿到钱又开始干了,但是修复一时半会是修复不了的。
    delta1035
        33
    delta1035  
       2024-07-02 15:59:19 +08:00
    卡的受不了
    yanqing07
        34
    yanqing07  
       2024-07-02 16:56:10 +08:00
    @LandCruiser #32 呃。。。原来不是官方去维护的 devtools 。果然,还是用 react 比较省心
    LandCruiser
        35
    LandCruiser  
       2024-07-02 17:09:36 +08:00   1
    @yanqing07 是 vue 团队的人啊,他们也不是有固定工资的,有人赞助就有。
    ltmst
        36
    ltmst  
       2024-07-02 17:38:20 +08:00
    额啊,上次在一个群里问 vscode 开发 vue 提示慢的问题
    然后都说不慢,我还以为是我的问题
    xntzmk
        37
    xntzmk  
       2024-07-02 17:57:43 +08:00
    @songray 用 wsl 会好很多么
    wusheng0
        38
    wusheng0  
       2024-07-02 18:19:32 +08:00 via Android
    @LandCruiser 不理解。祖师爷都开上兰博基尼了,周边还维护不好。那个插件也是,挂在官方下面,结果作者说是个人维护。
    wusheng0
        39
    wusheng0  
       2024-07-02 18:20:27 +08:00 via Android
    @wusheng0 邻居的车,当我没说
    LandCruiser
        40
    LandCruiser  
       2024-07-03 09:10:15 +08:00
    @wusheng0 怎么说呢,vue 主要是中文群体在用,这个群体的生存压力要比英语群体大的多得多,没时间搞很正常。
    suyuyu
        41
    suyuyu  
       2024-07-03 09:21:36 +08:00
    高亮都能错,且语法错误右下角马上弹窗插件就挂了必须重载。
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5072 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 32ms UTC 01:24 PVG 09:24 LAX 17:24 JFK 20:24
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86