首页 前端知识 vue: vscode安装扩展Volar失败(保姆级教程 图文结合)

vue: vscode安装扩展Volar失败(保姆级教程 图文结合)

2024-05-23 20:05:54 前端知识 前端哥 330 750 我要收藏

1 vscode插件离线下载vsix文件

2.1 打开vscode插件市场地址

​​​​​​https://marketplace.visualstudio.com/search?term=vue&target=VSCode&category=All categories&sortBy=Relevance

2.2  搜索插件,Vue.volar

1

2.3 下载vsix文件

打开 vetur插件地址, 右下角有个 Download Extension, 点击即可下载vsix文件。

 

2 对vsix文件进行相关修改

将Vue.volar-2.0.14.vsix后缀改为.zip,解压后打开extension文件下的package.json文件,找到vscode的版本信息,修改为自己vscode当前的版本(默认下载的是1.67.0版本) 

2.1 修改路径

2.2 查看自己的vscode版本

2.3 修改版本号(2个地方)

1

2

3 在vscode手动vsix安装 

将上述修改后的Vue.volar-2.0.14压缩为zip,然后将后缀改为vsix,然后在vscode手动vsix安装

 4 未在zip中找到扩展名/package.json(解决)

(1)在命令提示符里,先安装vsce ,执行下面的命令:

npm install -g vsce

(2)在控制台,打开Vue.volar-1.8.5文件夹下的extension,运行以下代码

vsce package


然后,会在extension打包生成新的Vue.volar-2.0.14.vsix,然后在vscode手动vsix安装即可。(记得安装成功之后重新打开vscode)

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9173.html
标签
评论
发布的文章

JQuery中的load()、$

2024-05-10 08:05:15

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!