vscode配置vue环境

超、凢脫俗 2024-04-17 05:26 193阅读 0赞

一、安装VSCode、NodeJS  
VSCode：https://code.visualstudio.com/

NodeJS：https://nodejs.org/en/

二、打开VSCode，安装常用插件  
如图所示（安装后重新加载即可）:  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70]  
三、项目中添加.vscode文件夹，文件夹中添加setting.json项目设置文件  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 1]

{
        "eslint.autoFixOnSave": true,
        "eslint.validate": [
          "javascript",
          "javascriptreact",
          {
            "language": "html",
            "autoFix": true
          },
          {
            "language": "vue",
            "autoFix": true
          }
        ],
        "prettier.eslintIntegration": true,
        "search.exclude": {
          "**/dist": true
        },
        "vetur.validation.template": false
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/70f1cedb9dab4931a227ef7e5e8e32b2.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2xpa3VucGVuZzY2NTYyMDE_size_16_color_FFFFFF_t_70 1]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/11/db7f4036e91a49c5b99af40eecd04d18.png

发表评论取消回复

表情：

评论列表（有 0 条评论，193人围观）

还没有评论，来说两句吧...

相关阅读

相关 vscode配置vue环境

、安装VSCode、NodeJS VSCode：https://code.visualstudio.com/ NodeJS：https://nodejs.org/e...

超、凢脫俗/ 2024年04月17日 05:26/ 0 赞/ 194 阅读

相关 vscode配置java环境

java环境配置 java development kit下载地址 [https://www.oracle.com/java/technologies/downloa

曾经终败给现在/ 2024年03月24日 10:48/ 0 赞/ 198 阅读

相关 vscode配置vue

在Visual Studio Code (VSCode) 中配置 Vue.js 开发环境需要一些设置和安装扩展，以确保你能够高效地编写和调试Vue.js应用程序。以下是一些常见

浅浅的花香味﹌/ 2024年03月02日 10:04/ 0 赞/ 184 阅读

相关 VScode配置java环境

1、先下载jdk、VScode、配置环境 [下载jdk][jdk] 2、vscode中新建java工程 [vscode配置环境优秀教程][vscode] > 创建一

叁歲伎倆/ 2023年10月13日 13:00/ 0 赞/ 36 阅读

相关 vscode配置c/c++环境，VScode编译环境

vscode配置c/c++环境，VScode配置C/C++编译环境 > 本文主要介绍vscode上使用cmake作为编译配置工具的C/C++开发环境配置。 > 包括提

不念不忘少年蓝@/ 2023年09月28日 22:48/ 0 赞/ 47 阅读

相关 Mac使用VSCode配置vue环境

一、配置环境 1. VSCode官网下载安装Mac VSCode（默认安装的是英文版） 2. VSCode汉化 ![在这里插入图片描述][watermark_

清疚/ 2023年07月05日 11:54/ 0 赞/ 148 阅读

相关 VScode 环境配置

https://blog.csdn.net/NanaPicture/article/details/96299679?utm\_medium=distribute.pc\_re

爱被打了一巴掌/ 2023年02月17日 03:21/ 0 赞/ 164 阅读

相关 vscode配置c++环境

1、安装g++和gcc sudo apt-get install gcc sudo apt-get install g++ 2、安装vscode上的插

约定不等于承诺〃/ 2023年02月15日 07:57/ 0 赞/ 129 阅读

相关 vscode配置vue环境

这篇博客这是让vue的代码可以在vscode中有代码高亮和vue代码提示, vue的安装在官网[vue下载][vue] 有开发版和生产版,官网给了具体的介绍选择安

柔光的暖阳◎/ 2022年11月20日 08:09/ 0 赞/ 339 阅读

相关 VSCode 配置Java环境

VSCode 配置Java环境闲话少说，开始配置挚爱的 VSCode！！！第一步，安装VScode小插件第二步，简单写个测试

刺骨的言语ヽ痛彻心扉/ 2021年09月22日 22:12/ 0 赞/ 680 阅读