程序员经验分享-hwhale

vsCode 配置记录

2023-10-27

目录

1. import路径提示

​ 2. 按住ctrl点击鼠标，进入指定的文件

​3. 中文包安装

4、自定义函数和文件注释

4.1 快捷键不生效的处理办法

5. scss、css、id全局提示

5.1 scss变量、函数等全局提示

​5.2 css、id全局提示

 6. 最后附上笔者vue开发过程中所有的插件

1. import路径提示

  • 安装vscode插件path-intellisense，12步骤是找到插件，34是安装好了之后点击自定义

  • 在setting.json中添加如下配置项
"path-intellisense.mappings": {
        "@": "${workspaceRoot}/devPkg" // 这里的devPkg是自己的源码路径，通常是src
    }

"path-intellisense.autoSlashAfterDirectory": true,
"path-intellisense.extensionOnImport": true,
"path-intellisense.autoTriggerNextSuggestion": true,

2. 按住ctrl点击鼠标，进入指定的文件

  1. 安装Vue-peek，进入vue组件
  2. 在项目根目录下创建jsconfig.json文件，蒋下面这部分配置加入
{
    "allowJs": true,
    "compilerOptions": {
        "target": "ES6",
        "module": "commonjs",
        "allowSyntheticDefaultImports": true,
        "baseUrl": ".",
        "paths": {
            "@/*": [
                "src/*"
            ] // src需要手动修改
        }
    },
    "include": [
        "src/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

 

3. 中文包安装

  • 按住ctrl+shirft+p，输入language，重新设置语言

4、自定义函数和文件注释

 //文件头注释
    "fileheader.customMade": {
        "Author": "liuxin",
        "Date": "Do not edit",
        "LastEditors": "liuxin",
        "LastEditTime": "Do not edit",
        "Description": "",
    },
    //函数注释
    "fileheader.cursorMode": {
        "description": "",
        "param": "Do not Edit",
        "return": "Do not Edit",
        "Author": "liuxin"
    },

4.1 快捷键不生效的处理办法

点击 文件--首选项--键盘快捷方式 搜索 fileheader，然后把快捷键改为自己顺手的快捷键就好了。

文件头注释：fileheader       快捷键：ctrl+alt+i   

函数注释：cursortip        快捷键：ctrl+alt+t

5. scss、css、id全局提示

5.1 scss变量、函数等全局提示

如果只需要在scss文件提示相应的变量等，则安装SCSS IntelliSense即可

我这里是希望vue文件也可以提示，则安装了vue-scss-variable-scan

5.2 css、id全局提示

安装插件SCSS Everywhere

 6. 最后附上笔者vue开发过程中所有的插件

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

开发工具配置

前端

vsCode 配置记录 的相关文章

随机推荐

  • WinDump使用方法

    在命令行下启动windump exe 参数列表 a 将网络地址解析为名字 B size 设置网络数据接收缓冲区大小 c count 只抓取count数目个包 D 显示当前系统中所有可用的网卡 e 输出链路层信息 F file 从file文件

  • DFA有限状态自动机之有效数字

    https leetcode cn com problems valid number 根据题目给的算法描述 定义字符类型 用函数返回当前字符类型 挖掘出所有的状态定义出来 enum State state begin state inte

  • 从头到尾教你写个简单的贪吃蛇游戏

    Win32贪吃蛇游戏 YellowLee 20130409 有兴趣的初学者 加入群 75732006 一起讨论 完成代码可下载 在我的上传资源中 http download csdn net detail yellowvivi 525230

  • js实现简单计算器

  • java文档注释

    Java 文档注释 Java 支持三种注释方式 前两种分别是 和 第三种被称作说明注释 它以 开始 以 结束 说明注释允许你在程序中嵌入关于程序的信息 你可以使用 javadoc 工具软件来生成信息 并输出到HTML文件中 说明注释 使你更

  • TCP/IP协议学习记录之二十七：RTP和RTMP

    以上两个协议和多媒体传输有关 所以今天特地来学习学习 转载自 https www cnblogs com yoyotl p 5650101 html https www cnblogs com lidabo p 7233154 html R

  • SLR(1)分析法

    文章目录 SLR分析法的基本思想 SLR 1 分析表的构造 LR 0 文法要求文法的每一个LR 0 项目都不含有冲突的项目 这个条件比较苛刻 对于大多数程序设计语言来说 一般都不能满足LR 0 文法的条件 例如 不难看出在状态 I 2 I

  • 有一对兔子，从出生后第3个月起每个月都生一对兔子，小兔子长到第三个月后每个月又生一对兔子，假如兔子都不死，问每个月的兔子总数为多少？

    斐波那契数列 Fibonacci sequence 又称黄金分割数列 指的是这样一个数列 0 1 1 2 3 5 8 13 21 34 如果要输出这样的数列 实际上很简单 每一个数等于前两个数之和 但如果转化为问题 能否判断出时斐波那契数列

  • 【C++登山之路之初露锋芒 2】——内联函数+ 引用+auto+nullptr关键字（万字详解，图片演示，结构原理）

    目录 1 内联函数 2 引用 2 1引用涉及的隐式类型转换和权限问题 2 2引用和指针 3 auto关键字 4 nullptr关键字 内联函数 以inline修饰的函数叫做内联函数 编译时C 编译器会在调用内联函数的地方展开 没有函数压栈的

  • Python爬虫深度优化：Scrapy库的高级使用和调优

    在我们前面的文章中 我们探索了如何使用Scrapy库创建一个基础的爬虫 了解了如何使用选择器和Item提取数据 以及如何使用Pipelines处理数据 在本篇高级教程中 我们将深入探讨如何优化和调整Scrapy爬虫的性能 以及如何处理更复杂

  • 第五周课程总结&试验报告（三）

    Java实验报告 班级 计科二班 学号 20188423 姓名 邹健 完成时间 2019 9 27 评分等级 实验三 String类的应用 一 实验目的 1 掌握类String类的使用 2 学会使用JDK帮助文档 二 实验内容 1 已知字符

  • Antd表格组件(table)可编辑单元格使用

    Antd表格组件 table 可编辑单元格使用 export default function Category const category setcategory useState 创建上下文关系对象 const EditableCon

  • 在Android5上安装termux0.118并安装Debian和桌面环境

    教程老旧 不保证能用 众所周知 官方的termux在0 73后就不支持Android5和6了 更新于2023 2 26 14 43 不限速下载 密码2023 这两个是支持Android5和6的最新版本 按照手机的架构下载 安装完成后输入 v

  • 基于人工智能与边缘计算Aidlux的工业表面缺陷检测

    一 训练yolov8得到onnx模型 相关教程有很多 二 模型转化 网站 https aimo aidlux com 输入试用账号和密码 账号 AIMOTC001 密码 AIMOTC001 我们选择 TensorFlowLite 一步步完成

  • 一篇不错的v4l2

    其实 我刚开始一直都不知道怎么写驱动 什么都不懂的 只知道我需要在做项目的过程中学习 所以 我就自己找了一个关于编写Linux下的视频采集监控项目做 然后上学期刚开学的时候听师兄说 跟院长做项目 没做出来也没关系 所以直接退出博士的团队 投

  • Xshell 7下载、安装步骤与使用教程

    Xshell 7下载 安装步骤与使用教程 一 内容 二 下载地址 三 安装步骤 四 Xshell7使用教程 一 内容 Xshell是一款功能强大的远程终端连接管理软件 支持多种远程协议 可以在多端进行高效安全的远程连接 同时还可以帮助你有效

  • IPC：信号——对内核信号集的操作

    对内核信号集的操作kernel signal set int sigprocmask int how const sigset t set sigset t oldset 功能 将自定义信号集中的数据设置到内核中 设置阻塞 解除阻塞 替换

  • LeetCode 1302. 层数最深叶子节点的和 DFS/BFS

    题目描述 给你一棵二叉树的根节点 root 请你返回 层数最深的叶子节点的和 示例 1 输入 root 1 2 3 4 5 null 6 7 null null null null 8 输出 15 示例 2 输入 root 6 7 8 2

  • 关于压力测试评定方式

    一个完整的压力测试需要关注三个方面 如何正确产生压力 如何定位瓶颈 如何预估系统承载力 1 首先说一下如何产生压力 压力方法有很多 通常可以写脚本产生压力机器人对服务器进行发包和收包操作 也可以使用现有工具 如jmeter loadRunn

  • vsCode 配置记录

    目录 1 import路径提示 2 按住ctrl点击鼠标 进入指定的文件 3 中文包安装 4 自定义函数和文件注释 4 1 快捷键不生效的处理办法 5 scss css id全局提示 5 1 scss变量 函数等全局提示 5 2 css i

热门标签