VScode基础设置

安装依赖包:

? One Monokai

? Aglia

? One Dark Pro

? Material Icon

    漂亮的主题: Themes

Quokka

是一个调试工具插件,能够根据你正在编写的代码提供实时反馈

CSS Peek

使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义的地方。当你在 HTML 文件中右键单击选择器时,选择“ Go to Definition 和 Peek definition ”选项,它便会给你发送样式设置的 CSS 代码。

HTML Boilerplate

通过使用 HTML 模版插件,你就摆脱了为 HTML 新文件重新编写头部和正文标签的苦恼。你只需在空文件中输入 html,并按 Tab 键,即可生成干净的文档结构。

Color Info

这个便捷的插件,将为你提供你在 CSS 中使用颜色的相关信息。你只需在颜色上悬停光标,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息了。

view in browser:

能够将所写的代码运行在浏览器上.

eslint、Vetur

代码格式化为eslint风格、HTML格式化代码缩进

Vetur -->文件->首选项->设置,搜索vetur,按如下图示将vetur插件的 vetur.format.defaultFormatter.html 的值修改成 js-beautify-html,

快捷键设置:

VScode对多行编辑有两种模式。

第一种模式
Alt+Shift 竖列选择
1
这种模式下只可以选择竖列,不可以随意插入光标。所以只限制于同一列且不间隔的情况下。

第二种模式
Shift+Ctrl 竖列选择
Ctrl+光标点击 选择多个编辑位点
1
2
这种模式下不仅可以选择竖列,同时还可以在多个地方插入光标。

两种模式的切换
使用Shift+Ctrl+p快捷键调用查询输入栏,输入“cursor”,列表中会出现“切换多行修改键”这个选项。选择这个选项就可以在两种模式下切换。

原文地址:https://www.cnblogs.com/chase-star/p/10040104.html

时间: 2024-10-11 15:40:15

VScode基础设置的相关文章

微软私有云分享(R2)22 计算机配置文件与基础设置

计算机配置文件是完全为了裸金属安装准备的.所以如果不准备使用裸金属安装,硬件配置文件在SCVMM2012 R2中也可以不用配置. 本章操作完全用图来表示(其实我准备文字了,但是貌似文字丢了----),创建该文件没什么注意事项,但是需要注意的是,这种创建方法其实是利用到了一种虚拟化的技术,将操作系统安装在了VHD上,老实说这种架构本身其实是对性能有一定影响的. 对于将虚拟机放置在本地磁盘的做法来说,影响应该还蛮大的,如果是群集主机,存储是独立的,那问题不大. 微软私有云高端顶级群[23680456

linux网络基础设置 以及 软件安装

一. linux网络基础设置 网络设置基本可以分为:网卡设置.网关设置.DNS设置三部分 ifconfig命令 ifconfig命令被用于配置和显示Linux内核中网络接口的网络参数.用ifconfig命令配置的网卡信息,在网卡重启后机器重启后,配置就不存在.要想将上述的配置信息永远的存的电脑里,那就要修改网卡的配置文件了. 参数 add<地址>:设置网络设备IPv6的ip地址: del<地址>:删除网络设备IPv6的IP地址: down:关闭指定的网络设备: up:启动指定的网络

hibernate----hibernate的基础设置

本次学习的内容是hibernate的基础设置 具体内容为: 一.准备工作 1.新建java工程 2.自动引入相关库(自动生成SessionFactory) 3.将数据库驱动拿进来 4.添加hibernate:右键点击工程名选择My Eclipse-->点击add hibernate..-->添加hibernate3.3 二.编写程序 1.配置hibernate.cfg.xml(拷过来修改) 2.配置user.hbm.xml和直接在实体类中加注解 3.编写main函数进行测试 三.注意事项 1.

vscode同步设置&扩展插件

首先安装同步插件 第二部进入你的github如图:  打开设置选项: 新建一个token: 如图:  记住这个token值 转到vscode 按shift+alt +u  在弹出窗里输入你的token,然后等下会生成syncSummary.txt文件在窗口中打开这样就算成功了. syncSummary.txt这个文件里有个gist值或者到用户设置文件中查看gist的值,这个值用来你再另一台电脑上来下载你的设置 下载你的设置方法为:打开vscode--按alt+shift+d  在弹出窗里输入你的

集成环信 - 基础设置

环信集成基础设置: http://v.youku.com/v_show/id_XMTMwMDQ5MDA0NA==.html?from=s1.8-1-2.999&f=23630826&sf=10202 other link flag: libraries 集成环信UI, 引入文件

通达OA 小飞鱼工作流在线培训教程(七)工作流应用的意义及基础设置(图文)

这个课程计划已经有一段时间了,经过这段时间结合实际网络教学又进行了一些总结,这里将陆续为大家呈现相关的工作流设计开发课程.同时线上的视频教学课程也将马上上线,欢迎朋友们的关注. 首先介绍一些工作流应用的意义和场景: 基础设置部分:主要是流程的类别.流程基础信息设置.电子签章的使用方式等. 版权声明:本文为博主原创文章,未经博主允许不得转载.

Intellij IDEA 13 基础设置

最近也想试一试这款自诩为"The Best Java IDE",但是由于从开始学Java就一直在使用Eclipse,不得不说,刚开始使用总觉得有点不对的地方,而当我平时使用的功能配置下来后发现,这款IDE给我的第一印象还算不错的. 首先是基本问题----Project和Modul,在IDEA中Project相当于Eclipse中的工作区,而Modul相当于Eclipse的Project.下面这个网址是对Eclipser的基本问题的回答,可参考: http://www.jetbrains

009 基础设置需求分析 - bos

整个BOS项目分为基础设置.去拍.中转.路由.报表.财务等部分 需求所明书2.6 一.数据字典 一个系统或功能中的基础选择的数据,用于帮助其他模块功能的完成,为了可维护,故构建成数据字典 如学历类型,线路类型,保险类型 二.收派标准 定义快件如何收费 三.班车设置 将设置的线路和车辆设置好对应关系 四.取派设置 五.区域设置 设置国家行政区域 六.管理分区 区域是由国家划分的,区域往往很大,不便于进行人员分配 因此要对于区域进行细分,就是分区 该模块用于对分区进行维护 七.管理定区 定区是物流分

vscode 同步设置及扩展插件 实现设备上设置统一

准备工作:电脑上需安装vscdoe,拥有github账户 1. 安装 同步插件"Settings Sync" 2. 进入github -> Settings 在左侧 Developer settings -> Personal access tokens 3. 点击按钮 Generate new token 新增一个token 图1: 图2: 图3: 记住你自己生成的token值 4. 回到vscode配置将token配置到本地 按shift + alt + u 在弹窗里输