VScode配置文档

2023-11-20

vscode配置

常用插件:

View In Browser预览页面(ctrl+F1)

vscode-icons侧栏的图标,对于一个有视觉强迫症的人是必须要的

HTML Snippets: 支持HTML5的标签提示

JS-CSS-HTML Formatter:自动格式化文档;

 Path Autocomplete:路径自动补齐

jQuery Code Snippets:jquery 自动提示

Npm Intellisense:npm包代码提示

ESLint:检测JS必备,注意如果结合webpack进行开发时,注意编辑器保存时的格式化风格一定要和eslint相同,否则一直会报错;

Debugger for Chrome:方便调试

Auto Rename Tag:自动同步修改标签

Vue2 Snippets: 对于html中vue指令提示比较丰富,也会提供js中的vue属性和方法

VueHelper: 和vue2 Snippets功能相似,但是此插件对于js的提示更加丰富,建议配置Vue2 Snippets一起使用;

vue-beautify: 功能和JS-CSS-HTML Formatter类似,所以可以忽略;

jsx:在进行react开发时,添加jsx文档格式,否则对于jsx格式的书写,编辑器会报错

常用设置和配置:

1、 关闭保存时代码自动格式化:

帮助 > 欢迎使用 > 配置设置 >搜索editor.formatOnTypeeditor.formatOnSave,然后将他们的值设置为false;

例:如果,在保存时,还是进行自动格式化代码,那么应该是装了格式化插件了,这个时候需要把插件关闭掉,或者更改相应插件的配置文件,如JS-CSS-HTML Formatter或者vue-beautify插件;

2、设置失去焦点自动保存

帮助 > 欢迎使用 > 配置设置 >搜索"files.autoSave",设置值为:"onFocusChange"。例:

 

3、配置语言的文件关联:

帮助 > 欢迎使用 > 配置设置 >搜索"files.assiciations",设置值为对象格式:如下:

4、git的配置:

  1. 配置git的路径:

帮助 > 欢迎使用 > 配置设置 >搜索"git.path ",设置值为:git.exe的启动路径;

如:可以进行本地操作,但是远程操作就是一个坑;无法弹出输入密码的弹窗,搜了很多国内外文档都无法解决;

5、Debugger for Chrome:的坑

首先在项目中使用npm安装anywhere插件;然后在scripts标签中配置启动文件:例:

 

在vscode的launch配置文件中配置如下:

 

  启动步骤:

npm run backend:debug

启动调试配置:“附加于已启动的 Node 服务器(debug模式)”

 server/app.js 中加断点

访问 http://localhost:8091/

  1. 配置npm调试node:

{

            "type": "node",

           "request": "launch",

            "name": "Launch via NPM",

            "runtimeExecutable": "npm",

            "cwd": "${workspaceRoot}/bwschool/1505E/vue/my_test_vue",

            "windows": {

                "runtimeExecutable": "npm.cmd"

            },

            "runtimeArgs": [

                "start"

            ],

            "protocol": "inspector",

            "port": 9229

        }

在inspector调试模式下,监听的端口号必须是9229端口

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

VScode配置文档 的相关文章

随机推荐

  • Kraken:一款基于爆破技术的多平台分布式密码安全测试工具

    关于Kraken Kraken是一个功能强大的多平台在线分布式密码安全测试工具 该平台基于暴力破解技术来实现对密码安全性的测试 并允许广大研究人员在多台设备上以并行处理的方式遍历字典 基于crunch字典生成器 除此之外 该工具不仅可以通过
  • 密码学替代密码

    1 请指出一般替代密码的明文空间 密文空间和密钥空间各是什么 明文空间M和密文空间C都是26个英文字母的集合 密钥空间K Z 26 gt Z 26 是置换 是所有可能置换的集合 2 单表替代密码和多表替代密码的主要特点是什么 单表替代密码
  • python读取文件名存到list_Python之从文件读取数据到list的实例

    本篇文章小编为大家分享一篇Python之从文件读取数据到list的实例讲解 文章中有代码列出供大家参考 本篇文章具有很好的参考价值 希望对大家有所帮助 下面随扣丁学堂Python培训小编一起来看一下Python之从文件读取数据到list的实
  • TJmaie - 阅读作业

    读了邹老师的讲义以及移山之道 有不小的收获 不过按要求 先说说疑问吧 由于邹老师大多都以讲故事的方式来讲道理 严格意义上来说 是很难找到 错误 的 只是各人认不认同罢了 我在团队中的身份是Dev 我也重点关注了这一块 顶级程序员的心得 Co
  • jeesite学习笔记——新增一条信息时同步创建用户

    1 效果 截图 添加一条个人信息时同步创建它的用户信息 2 部分代码展示 因为要为个人同步创建 主体在 个人信息 模块 与 用户信息 添加模块无关 只会调用它的部分方法 所以所有代码都在 个人信息 模块进行操作 2 1因为操作涉及到两个数据
  • STM32 IAP 在线升级详解

    扩展 IAP主要用于产品出厂后应用程序的更新作用 考虑到出厂时要先烧写IAP 再烧写APP应用程序要烧写2次增加工人劳动力基础上写了 STM32 IAP APP gt 双剑合一 链接稍后发 一 在进入主题之前我们先了解一些必要的基础知识 s
  • JSON parse error: Invalid UTF-8 解决办法系列

    今天在本地测试通过的代码 部署之Tomcat 服务器 前端同事给我反馈如下的错误信息 Request exception org springframework http converter HttpMessageNotReadableEx
  • mciSendString函数

    mciSendString open1 GetBuffer open1 GetLength buf sizeof buf NULL 来自
  • tinystl实现(第七步:Utility.h)

    经过长时间的学习终于可以开始tinystl的仿 chao 写工作了 本文参考了这位大佬的github 坦白讲我只是补充了注释 因为tinystl的代码真的非常经典而我又没什么这种大型项目的经验 所以只能这样做 不过相信能够有助于大家的学习
  • 图像加权运算

    import os import re import cv2 cv2 imshow image img 显示 cv2 waitKey 10000 停留 cv2 destroyAllWindows 关闭 from PIL import Ima
  • java 开源 聊天机器人_用Java实现基于Web端的AI机器人聊天

    本文详细介绍了如何用Java实现Web聊天机器人 通过创建一个新项目来学习一下 一 创建一个新项目 添加所需的依赖项 打开pom xml文件在IDE中 将下列内容添加到区域 JCenterhttps jcenter bintray com
  • 去国企1年后,我后悔了!重回大厂内卷

    文章来源 cnblogs com peiyu1988 html 01 前言 2019年初 我通过一整天的笔试及面试加入一家 某一线城市国资委全资控股 某集团的研究机构 中央研究院 任职高级软件工程师 中级职称 在这边工作了整整一年 目前已经
  • 图的深度优先遍历(非递归+递归,详解)

    图的深度优先遍历 非递归算法 include
  • 关于JAVA中LIST元素修改的一个问题记录

    在工作中有遇到一个问题 需要从既有获取数据库中的LIST数据 做一下对其中部分数据做处理存入另外一个LIST集合之中 但是 有些现象还是比较出乎我的意料的 模拟了一下相关场景 具体的代码如下 package com interview de
  • 程序员工作压力大,为什么还这么多人想做程序员?是因为喜欢吗?

    最近过年遇到很多亲戚和朋友 不知道大家的身边是怎样的 阿粉身边的亲戚朋友从事计算机相关的还是挺少的 很多还是从事一些传统行业 最近跟一个亲戚聊天的时候就聊到网上对程序员的一些刻板影响 什么格子衫呀 拖鞋短裤呀 脱发以及 35 岁劝退等这些东
  • 故障分析系列(01) —— scrapy爬虫速度突然变慢原因分析

    故障分析系列 01 scrapy爬虫速度突然变慢原因分析 1 问题背景 在所有环境都没变的情况下 scrapy爬虫每天能爬取的数据量从3月5号开始急剧减少 后面几天数据量也是越来越少 2 环境 系统 win7 python 3 6 1 sc
  • visual studio:是否统一换行符 提示弹窗是否显示

    工具 选项 环境 文档 加载时检查一致的行尾
  • 推荐一篇详细的Nginx 配置清单

    Nginx 是一个高性能的 HTTP 和反向代理 web 服务器 同时也提供了 IMAP POP3 SMTP 服务 其因丰富的功能集 稳定性 示例配置文件和低系统资源的消耗受到了开发者的欢迎 本文 我们总结了一些常用的 Nginx 配置代码
  • Obsidian 入门使用手册

    文章目录 一 Obsidian 入门 1 1 什么是 Obsidian 1 2 安装 Obsidian 二 Obsidian 配置 2 1 创建第一个笔记 2 2 设置界面语言使用中文 2 3 主题 三 小结 一 Obsidian 入门 1
  • VScode配置文档

    vscode配置 常用插件 View In Browser 预览页面 ctrl F1 vscode icons 侧栏的图标 对于一个有视觉强迫症的人是必须要的 HTML Snippets 支持HTML5的标签提示 JS CSS HTML F