vscode配置vue环境

超、凢脫俗 2024-04-17 05:26 64阅读 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 条评论，64人围观）

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

相关阅读

相关 vscode配置vue环境

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

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

相关 vscode配置vue

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

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

相关 vscode配置vue环境

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

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

相关 vscode 云同步环境配置

文章目录配置github 创建gist token 创建gist仓库下载插件配置插

灰太狼/ 2022年09月14日 09:24/ 0 赞/ 358 阅读

相关 VSCode配置C#运行环境

VSCode配置C\运行环境下载 `dotnet-sdk` 下载地址：[https://dotnet.microsoft.com/learn/dotnet/hel

男娘i/ 2022年08月30日 12:56/ 0 赞/ 303 阅读

相关整理：VSCode配置Matlab环境

最简单方法：安装 [Matlab Extension Pack][]。这个插件里面含有最常用的三个vscode的matlab插件： 1）[MATLAB for Vi

我会带着你远行/ 2022年06月03日 06:29/ 0 赞/ 693 阅读

相关 vscode配置php开发环境

1.visual studio code 设置代理在CMD环境下设置代理可能不是很常用，但是某些情况下还是可能会用到，比如有些资源网站被墙了，此时你如果想访问这些资源时，只

╰+攻爆jí腚メ/ 2022年04月02日 04:20/ 0 赞/ 324 阅读

相关 vscode 配置golang开发环境

1.给 Windows 的终端配置代理 set http\_proxy=http://127.0.0.1:1080 set https\_proxy=http://127

- 日理万妓/ 2022年03月31日 13:09/ 0 赞/ 368 阅读

相关 VScode 配置 Java 开发环境 (VSCode 天下第一!!!!!)

VScode 配置 Java 环境 1. 下载 JDK 方式一：手动下载 JDK [Oracle Java SE ][Oracle Java SE]

骑猪看日落/ 2021年09月24日 05:58/ 0 赞/ 531 阅读

相关 VSCode 配置Java环境

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

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