VSCode .vue 文件 html css 无智能提示

简介: VSCode .vue 文件 html css 无智能提示

在 VSCode v1.15.1 版本之后,.vue 文件输入 html css 不会智能提示,


那么需要通过 VSCode 插件安装 HTML Snippets 或者 vetur 插件。


然后找到 VSCode 设置里面的 settings.json, 直接搜索这个文件即可。


打开 settings.json 配置

{
    "workbench.sideBar.location": "left",
    "window.zoomLevel": -1,
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "emmet.triggerExpansionOnTab": true
}

我这边打开之后默认是上面这样的


然后添加配置:


{
   "emmet.triggerExpansionOnTab": true,
   "emmet.includeLanguages": {
       "vue-html":"html",
       "vue":"html"
    },
    "files.associations": {
       "*.vue": "html"
    }
}

最终显示:


{
    "workbench.sideBar.location": "left",
     "window.zoomLevel": -1,
    "editor.suggest.snippetsPreventQuickSuggestions": false,
    "emmet.triggerExpansionOnTab": true,
    "emmet.includeLanguages": {
        "vue-html":"html",
        "vue":"html"
    },
    "files.associations": {
        "*.vue": "html"
    } 
}

安装插件且配置好之后就可以去 .vue 文件中编写 html css 了且都会带智能提示。


补充:还有个问题就是在使用 VSCode 创建了 .vue 文件之后,Vue 的插件,比如 vue,vue-beautify,vue-color,VueHelper,vertur 等等,可能会在 .vue 文件中使用无效,那么你需要修改一下 VSCode 右下角的文件类型。


image.png


它显示的类型竟然是 html,那么你需要点击它,在弹出的框中修改为 Vue 即可。


相关文章
|
4月前
|
JavaScript 前端开发 安全
vue -- 指令 -- v-text/html/on/show/if/bind/for/model
【10月更文挑战第17天】Vue 指令是构建 Vue 应用的基础工具,掌握它们的特性和用法是成为一名优秀 Vue 开发者的重要一步。通过深入理解和熟练运用这些指令,可以打造出更加出色的前端应用。
88 50
|
4月前
|
Web App开发 前端开发 搜索推荐
创建HTML文件
【10月更文挑战第14天】创建HTML文件
93 4
|
4月前
|
JSON 数据格式
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
LangChain-20 Document Loader 文件加载 加载MD DOCX EXCEL PPT PDF HTML JSON 等多种文件格式 后续可通过FAISS向量化 增强检索
300 2
|
4月前
|
JavaScript 前端开发 容器
Vue生成PDF文件攻略:html2canvas与jspdf联手,中文乱码与自动换行难题攻克
Vue生成PDF文件攻略:html2canvas与jspdf联手,中文乱码与自动换行难题攻克
406 0
|
5月前
|
JavaScript 前端开发
react字符串转为dom标签,类似于Vue中的v-html
本文介绍了在React中将字符串转换为DOM标签的方法,类似于Vue中的`v-html`指令,通过使用`dangerouslySetInnerHTML`属性实现。
153 0
react字符串转为dom标签,类似于Vue中的v-html
|
6月前
|
资源调度 JavaScript 应用服务中间件
HTML、WebStrom和Vue使用
HTML、WebStrom和Vue使用
35 3
|
6月前
写一个HTML文件
【8月更文挑战第27天】写一个HTML文件。
54 1
|
6月前
【Azure 应用服务】部署Azure Web App时,是否可以替换hostingstart.html文件呢?
【Azure 应用服务】部署Azure Web App时,是否可以替换hostingstart.html文件呢?
|
6月前
|
存储 Java 开发工具
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件,下载及清理)
【Azure Developer】VS Code运行Java 版Azure Storage SDK操作Blob (新建Container, 上传Blob文件,下载及清理)
|
3月前
|
自然语言处理 API C++
阿里通义推出SmartVscode插件,自然语言控制VS Code,轻松开发应用,核心技术开源!
SmartVscode插件深度解析:自然语言控制VS Code的革命性工具及其开源框架App-Controller

热门文章

最新文章