首页 开发工具 VSCode vscode编写vue代码没有代码提示

vscode编写vue代码没有代码提示

Dec 14, 2019 pm 01:33 PM
vscode vue 代码提示

vscode编写vue代码没有代码提示

一、安装插件

在左侧有个安装插件的按钮,点击后即可通过关键词搜索来安装插件

b8023158e0389c7b1b8c1781f8855e0.png

二、插件配置

文件 =》首选项=》设置=》用户设置

601b0dd59f0b9d2b0844b903a96edba.png

三、插件

vetur

作用:代码提示,高亮

配置:

"emmet.syntaxProfiles": {
        "vue-html": "html",
        "vue": "html"
    }
登录后复制

ESLint

作用:代码错误检查

配置:

 "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
            "language": "html",
            "autoFix": true // HTML自动修复,
        },
        {
            "language": "vue",
            "autoFix": true // vue 自动修复
        }
    ],
    "eslint.autoFixOnSave": true // 文件保存时自动修复
登录后复制

File Peek

作用:路径跳转

配置:

"file_peek.activeLanguages": [
     "typescript",
     "javascript",
     "python",
     "vue"
],
"file_peek.searchFileExtensions": [
     ".js",
     ".ts",
     ".html",
    ".css",
    ".scss",
    ".vue"
]
登录后复制

相关文章教程推荐:vscode教程

以上是vscode编写vue代码没有代码提示的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章

<🎜>:泡泡胶模拟器无穷大 - 如何获取和使用皇家钥匙
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系统,解释
1 个月前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆树的耳语 - 如何解锁抓钩
4 周前 By 尊渡假赌尊渡假赌尊渡假赌
<🎜>掩盖:探险33-如何获得完美的色度催化剂
2 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

热门话题

Java教程
1677
14
CakePHP 教程
1430
52
Laravel 教程
1333
25
PHP教程
1278
29
C# 教程
1257
24
Netflix的前端:React(或VUE)的示例和应用 Netflix的前端:React(或VUE)的示例和应用 Apr 16, 2025 am 12:08 AM

Netflix使用React作为其前端框架。1)React的组件化开发模式和强大生态系统是Netflix选择它的主要原因。2)通过组件化,Netflix将复杂界面拆分成可管理的小块,如视频播放器、推荐列表和用户评论。3)React的虚拟DOM和组件生命周期优化了渲染效率和用户交互管理。

vscode中文注释变成问号怎么解决 vscode中文注释变成问号怎么解决 Apr 15, 2025 pm 11:36 PM

解决 Visual Studio Code 中中文注释变为问号的方法:检查文件编码,确保为“UTF-8 without BOM”。更改字体为支持中文字符的字体,如“宋体”或“微软雅黑”。重新安装字体。启用 Unicode 支持。升级 VSCode,重启计算机,重新创建源文件。

vscode上一步下一步快捷键 vscode上一步下一步快捷键 Apr 15, 2025 pm 10:51 PM

VS Code 一步/下一步快捷键的使用方法:一步(向后):Windows/Linux:Ctrl ←;macOS:Cmd ←下一步(向前):Windows/Linux:Ctrl →;macOS:Cmd →

VSCode怎么用 VSCode怎么用 Apr 15, 2025 pm 11:21 PM

Visual Studio Code (VSCode) 是一款跨平台、开源且免费的代码编辑器,由微软开发。它以轻量、可扩展性和对众多编程语言的支持而著称。要安装 VSCode,请访问官方网站下载并运行安装程序。使用 VSCode 时,可以创建新项目、编辑代码、调试代码、导航项目、扩展 VSCode 和管理设置。VSCode 适用于 Windows、macOS 和 Linux,支持多种编程语言,并通过 Marketplace 提供各种扩展。它的优势包括轻量、可扩展性、广泛的语言支持、丰富的功能和版

vscode怎样创建web项目 vscode怎样创建web项目 Apr 16, 2025 am 06:06 AM

在 VS Code 中创建 Web 项目需要:安装必需的扩展:HTML、CSS、JavaScript 和 Live Server。创建一个新文件夹,保存项目文件。创建 index.html、style.css 和 script.js 文件。设置实时服务器。输入 HTML、CSS 和 JavaScript 代码。运行项目,在浏览器中打开。

vscode怎么调成中文 vscode怎么调成中文 Apr 15, 2025 pm 11:33 PM

将 VS Code 切换为中文需要三步:安装中文语言包,方法是:在 VS Code 扩展中搜索“Chinese (Simplified)”并安装它。在“设置”页面中将“User Locale”设置为“zh-CN”。重启 VS Code。

vscode怎么切换中文模式 vscode怎么切换中文模式 Apr 15, 2025 pm 11:39 PM

VS Code 切换中文模式的操作步骤:打开设置界面(Windows/Linux:Ctrl ,,macOS:Cmd ,)搜索 "Editor: Language" 设置在下拉菜单中选择 "中文"保存设置重启 VS Code

vscode怎样引入css vscode怎样引入css Apr 16, 2025 am 06:00 AM

在 Visual Studio Code 中引入 CSS 的方法包括:创建 CSS 文件(例如 styles.css),并在 HTML 文件的 &lt;head&gt; 部分使用 &lt;link&gt; 标签引用该文件。如果使用 CSS 预处理器(如 Sass),需要安装相应 Node.js 包并配置预处理器。

See all articles