vscode配置

摘要:
最近更新了vscode,之前的语言配置的恢复啦,上一次的配置还是很久之前,就忘记如何配置,现在小记,避免下次更新恢复,花时间在网上找了;一:语言配置安装chinese(Simplified)LanguagePackforrVisualStudioCode“查看”--》“命令面板”或者快捷键“ctrl+shift+p”打开输入如图所示注意:一定要重启vscode否则无效二:终端字间距重启之后终端字间

最近更新了vscode,之前的语言配置的恢复啦,上一次的配置还是很久之前,就忘记如何配置,现在小记,避免下次更新恢复,花时间在网上找了;

一:语言配置

安装chinese (Simplified)Language Pack forr Visual Studio Code

“查看”--》“命令面板” 或者快捷键“ctrl+shift+p”打开输入如图所示

vscode配置第1张

vscode配置第2张

注意:一定要重启vscode否则无效

二:终端字间距

重启之后终端字间距 我是不忍直视的 后来看到这篇文章https://www.cnblogs.com/chenyansu/p/8641824.html

vscode配置第3张

修改之后,字号是可以调整的 ,而且vscode也会弹出窗口显示终端字体只支持“monospace”

vscode配置第4张

三:页面自动刷新。实时查看页面编辑状态

1、安装插件Live server

2、在工作区新建index.html,输入内容鼠标右键Open with live server默认的打开chrome浏览器,可以看到页面在浏览器打开

vscode配置第5张

3、修改页面内容,可以观察到在浏览器端同步修改

注意:需要打开的页面,需要先添加到vscode的工作区域(左侧边栏)下

四:vscode外观设置,GlassIt-VSC可是改变编辑器的透明度

安装GlassIt-VSC,"ctrl+alt+z" 增加透明度,"ctrl+alt+c"减少透明度

前端插件:

Auto Close Tag:自动闭合标签

Auto Rename Tag :自动修改另一侧的标签

color info:颜色选择

JS-CSS-HTML Formatter:代码格式化

debugger for Chrome:chrome测试

open in brower:从浏览器端打开页面

path Intellisense:路径提示

vscode-icons:文件以及文件夹图标显示

HTML Snippets:智能提示HTML标签,以及标签含义

Bracket Pair Colorizer:给括号加上不同的颜色,便于区分不同的区块,使用者可以定义不同括号类型和不同颜色

  JavaScript (ES6) code snippets:This extension contains code snippets for JavaScript in ES6 syntax forVs Codeeditor (supports both JavaScript and TypeScript).

JavaScript(ES6) code snippets:ES6语法智能提示,以及快速输入,不仅仅支持.js,还支持.ts,.jsx,.tsx,.html,.vue,省去了配置其支持各种包含js代码文件的时间

微信小程序:

minapp

Easy WXLESS

vscode-wechat

wxml

vue project:

Vetur

VueHelper

希望能给你们帮助;

常用的插件:https://segmentfault.com/a/1190000018447996

免责声明:文章转载自《vscode配置》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇OBJ格式模型详细介绍MySQL8身份验证问题解决下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

vscode中使用markdown

title: vscode中使用markdown date: 2017-08-01 02:58:53 tags: [Markdown,vscode] 转载自http://www.cnblogs.com/rengised/p/6985031.html vscode 是微软推出一款轻量级的文本编辑工具,类似于sublime,由于其拥有丰富的插件,安装使用...

vscode安装设置go

vscode安装设置go vscode安装go配置 1、下载最新的vscode:https://code.visualstudio.com/docs/?dv=win 2、下载go:https://golang.org/dl/ 3、配置go的环境变量: [计算机]-->[属性]-->[高级系统设置]-->[环境变量]-->[新建]...

VSCode插件开发全攻略(五)跳转到定义、自动补全、悬停提示

更多文章请戳VSCode插件开发全攻略系列目录导航。 跳转到定义 跳转到定义其实很简单,通过vscode.languages.registerDefinitionProvider注册一个provider,这个provider如果返回了new vscode.Location()就表示当前光标所在单词支持跳转,并且跳转到对应location。 为了示例更加有意...

ubuntu下vs code的python虚拟环境的配置

0、pyhton3 用venv配置虚拟环境 原本因为ubuntu desktop 1804自带了的python3已经有了venv,我记得ubuntu server 1804是有venv的 结果运行,提示没有安装venv sudo apt install python3-venv python的虚拟环境,可以一个项目一个,也可以多个项目共用一个,毕竟每见一个...

win7中vscode会黑屏或者终端空白,无法输入

在win7中安装vscode时,出现了打开软件就黑屏的问题。 然后按照网上的办法在属性中勾选以兼容模式运行。 这样就导致了vscode的终端空白。无法输入命令。 后来找到一个方法, 1、取消win7的兼容模式2、启动方式后加 --disable-gpu,似乎是禁用 GPU 硬件加速 "C:Program FilesMicrosoft VS CodeCode...

VSCode编译CMake工程报错c++: internal compiler error: Killed (program cc1plus)

现象 使用VSCode+CMake构建C++工程时只能编译Release版本,无法编译Debug版本。 报错提示c++: internal compiler error: Killed (program cc1plus) 解决 编译过程中内存不足 方案1:增加内存 如果在虚拟机运行Linux可以增加虚拟机的分配内存或增大swap空间 具体方法可以参考这篇文...