vscode要安装哪些vue插件

vscode要安装哪些vue插件

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

在这里输入代码,可通过选择【代码语言。。。】突出显示

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好,从截图上看,是安装上了,而是在使用Vetur的时候出现警告。如下:

1、第一个警告意思是“Vetur发现了`package.json`,但是它没有在项目的根目录中”。

http://img1.sycdn.imooc.com//climg/5fec1e6e099df43b05020096.jpg

同学检查一下自己的项目,看看package.json文件是否在项目根目录中。如果没有,那么把它移动到项目根目录。

2、第二个警告意思是“Vetur没有在C盘\......\代码笔记(具体地址参考如下)中找到`tsconfig.json`或者`jsconfig.js`”

http://img1.sycdn.imooc.com//climg/5fec1f0b09001ed804550095.jpg

这是Vetur0.31.0版本插件新增的一个配置,会优先查找项目中是否配有tsconfig.json或者`jsconfig.js。没有的话再去找vetur.config.js ,如果都没有,就会抛出这个提示。所以使用Vetur0.31.0及之后的版本,需要自己手动在项目中添加配置文件vetur.config.js,然后文件中配置一些代码。具体的配置更新日志中可以找到。如下:

http://img1.sycdn.imooc.com//climg/5fec23b9098db2e715420698.jpg

打开链接就能看到要配置的内容:

http://img1.sycdn.imooc.com//climg/5fec244e09868bc608070288.jpg

3、如果不想这么麻烦,推荐版本降级。如下:

http://img1.sycdn.imooc.com//climg/5fec247a091effe607260268.jpg

可以任意选择一个低版本的安装:

http://img1.sycdn.imooc.com//climg/5fec2497097f3fdf04240335.jpg

祝学习愉快~

  • 慕尼黑7895541 提问者 #1

    这个插件如何使用。。。

    2020-12-30 23:21:46
好帮手慕夭夭 2020-12-31 09:37:33

同学你好,这个插件安装上即可,因为它的功能是代码高亮,语法检测等。你写代码的时候,插件就自动去做这些事情哦。

http://img1.sycdn.imooc.com//climg/5fed2b2a09fbf0fb07560104.jpg

祝学习愉快~


好帮手慕夭夭 2020-12-30 11:21:40

同学你好,安装一个Vetur即可,这个插件包含代码高亮(单词带颜色),语法检测,代码自动补全等功能哦。

http://img1.sycdn.imooc.com//climg/5febf12109e674db03790092.jpg

直接在插件商店输入插件名,搜索安装,如下:

http://img1.sycdn.imooc.com//climg/5febf23d09e3a24d05100306.jpg

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师