vscode使用教程是?
vscode使用教程:
安装:
安装的东西没什么好说的,自行下载安装吧,伙计。
配置:
用户配置:
vscode的用户配置分3个级别,分别是默认配置、全局配置和工作区配置,优先级也依次递增。对于团队项目,一些规范可以通过项目目录下建一个空锋茄.vscode/setting.json文件进行配置。
快捷键绑定:
参考官方文档,文档中列出了所有指令对应的快捷键。快捷键我只修改了两个与系统软件冲突的。
代码片段:
这个功能很像webstorm的live template的功能,虽然提示的时候没有webstorm那么精准和顺手,斗察不过总的来说,够用。
设置语法遵循TextMate代码片段语法,你可以通过安装别人写好的snippet插件,如果别人写的snippet你用得不爽,那么自己写也简单。
之前使用这个代码片段有个痛点就是只能用方向键上下选择提示,如果能使用ctrl+n/p上下选择的话就基渗更舒服了,没想到现在已经支持了。
另外,有没有人知道怎么设置代码提示内容,比如输入result提示了XPathResult是什么鬼。
插件:
4个月前刚知道vscode的时候,那时感觉插件还没有那么多,现在重新看了一下,真是应有尽有。牛逼啊!
这里介绍几个我用过觉得不错的插件
用户配置同步 Visual Studio Code Settings Sync。Git 历史 Git History。
文件图标 vscode-icons。缩进辅助线 Guides。
Visual Studio Code(以下简称vscode)是一个轻量且强大的代码编辑器,支持Windows,OS X和Linux。
内置JavaScript、TypeScript和Node.js支持,而且拥有丰富的插件生态系统,可通过安装插件来支持C++、C#、Python、PHP等其他语言。
vscode自动补全快捷键怎么设置
1、首先进入vscode的时候,在友含默认界面中就会看到快捷键,这些都是软件中定义的。
2、然后点扮薯击文件下面的首选项,如下图所示。
3、接着点击键盘快捷方式选项。
4、然后就能在右侧看到软件所有的快捷方式定义了。
5、如果想更改,点击前面的铅笔或者双击即可。
6、最后在弹出的界厅告者面中设置新的快捷方式即可。
VSCode常用快捷键
Ctrl + D 依次找出当前选中词
Ctrl + Shift + L 找出所有当前选中词
Shift + Alt + 上下 快速复制一行
Ctrl + H 打开替换搜御拆索框
Ctrl + G 输入行号,跳转到行
Ctrl + Alt + 上下 添加多行光标腔拆辩,一起输入伍缺 //实测快捷键冲突
Alt + Shift + 拖鼠标 选择区块
Alt + Shift + 左右 选中
Ctrl + Shift + 左右
Ctrl + 左右 光标跳词
Home/End 光标定位行首末
vscode插件快捷键点击是另一个软件
,希望可以帮助各位码农锋利自己的武器。
快捷键器篇
窗口文件相关快捷键
新建文件
Ctrl+N
文件之间切换贴
Ctrl+Tab
打开一个新的VS Code编辑器
Ctrl+Shift+N
关闭当前窗口
Ctrl+W
关闭当前的VS Code编辑器
Ctrl+Shift+W
切出一个新的编辑器窗口(最多3个)
Ctrl+
切换左中右3个编辑器窗口的快捷键
Ctrl+1 Ctrl+2 Ctrl+3
全屏显示
F11
放大或缩小(以编辑器左上角为基准)
Ctrl +/-
侧边栏显示或隐藏
Ctrl+B
显示 Debug
Ctrl+Shift+D
显示 Output
Ctrl+Shift+U
搬砖相关快捷键
复制
Ctrl+C
剪切
Ctrl+X
粘贴
Ctrl+V
代码行向左或向右缩进
Ctrl+[ 、 Ctrl+]
代码格式化
Shift+Alt+F
向上或向下移动一行
Alt+Up 或 Alt+Down
向上或向下复制一行
Shift+Alt+Up 或 Shift+Alt+Down
在当前行下方插入一行
Ctrl+Enter
在当前行上方插入一行
Ctrl+Shift+Enter
移动到行首
Home
移动到行尾
End
移动到文件结尾
Ctrl+End
移动到文件开头
Ctrl+Home
选择从光标到行尾的内容
Shift+End
选择从光标到行首的内容
Shift+Home
删除光标右侧的所有内容(当前行)
Ctrl+Delete
删除当前行
ctrl+shift+k
下一个匹配的也被选中
Ctrl+D
回退上一个光标操作
Ctrl+U
可能有的小伙伴会说,这快捷键也太多了吧,但是这仅仅是冰山一角。不过各位小伙伴也不要慌张,vscode同样也提供了非常人性化的自定义快捷键功能。那到底怎么自定义尼?下面奉上一张宝图,大家就一目了然了。
看到这里,可能很多小伙伴会有疑惑,为什么我的编辑器是中文的,而你的是英文尼?这就和我们接下来要说的常用插件有关了。带我慢慢道来雹腊。
插件篇
编辑器常用插件
Chinese (Simplified) Language Pack for Visual Studio Code
安装这个插件就可以把编译器原始的英文界面更改为中文界面了。
background
编码搬砖的过程,源源滑无疑是相当枯燥乏味的,但是如果加上这样的小姐姐尼?是不是一下就不枯燥了?
答案是肯定的。也很幸运的有background这个插件,安装之后会有一个默认的背景图片,如图所示:
这个时候,我们可以在修改设置中搜索background修改设置json文件,如下所示:
修改代码奉上:
{
“background.useDefault”: false,
“background.style”: {
“content”:"’’",
“pointer-events”:“none”,
“position”:“absolute”,//图片位置
“width”:“100%”,
“height”:“100%”,
“z-index”:“99999”,
“background.repeat”:“no-repeat”,
“background-size”:“100%,100%”,//图片大小
“opacity”:0.2 //透明度
},
“background.customImages”: [//此处配置自己对应的背景图
“”
],
}
Rainbow Fart
背景图片有了,那么能不能也有声音尼?我可以肯定的告诉你,可以。只需要安装Rainbow Fart这个插件,然后启动这个插件就可以在编码的过程中,出现小姐姐的声音了。启动方法如下:
在vscode软件中使用ctrl+shift+p 打开命令面板,复制Enable Rainbow Fart 后回车,右下方弹出的提示后点击open按钮,或直接访问( ),在弹出的页面点击授权,如下图所示:
授权成功之后,就可以愉快的编码了。
1
2
3
open in browser
在浏览器中打开页面
Live Server
以服务器的方式打开页面
搬砖常用插件
Auto Close Tag
标签自动闭合
Auto Rename Tag
开始标签和结束标签自动进行同步
Bracket Pair Colorizer
会已不同颜色和横线显示括号的范围
HTML Snippets
快速的生成html标签
JS-CSS-HTML Formatter
代码裂慧格式化
Color Info
颜色提示插件,只需要将鼠标放在颜色值上悬停,就可以预览色块中色彩模型的(HEX、 RGB、HSL 和 CMYK)相关信息啦。
jQuery Code Snippets
jQuery自动提示
Path Autocomplete
路径自动补齐
ESLint
检测JS必备
Html Css Support
在标签新增class的时候会提示之前写过的class
Beautify / Beautify css/sass/scss/less
样式格式化(两个的区别还没感受出来)
Vetur
更多内容请见原文,原文转载自:
分类: 前端
标签: vscode常用插件快捷键, 前端
好文要顶 关注我 收藏该文  
忘川信使
粉丝 - 0 关注 - 0
+加关注
00
» 下一篇: 面试宝典带你走向人生巅峰
posted @ 2022-03-28 16:33 忘川信使 阅读(324) 评论(0) 编辑 收藏 举报
vscode快捷键
vscode快捷键:CTRL+可空行裂旦注释,选中某行注释,多行注释!+tab/enter生成基本代码块。
(1)margin-left:10px;左外边距。
(2)margin-right:10px;右外边距。
(3)margin-top:10px;上外边距。
(4)margin-bottom:10px;下外边距。
(5)margin:10px;四边统一外边距。
(6)margin:10px20px;上下、左右外边距。
(7)margin:10px20px30px;上、左右、下外边距。
(8)margin:10px20px30px40px;上、右、下、左外边距。
含义
快捷键叫快速键或热键,指通过某些特定的按键、按键顺序或按键组合来拿源野完成一个操作,很多快捷键往往与消喊如:Ctrl 键、Shift 键、Alt 键、Fn 键、 Windows 键等配合使用。利用快捷键可以代替鼠标做一些工作,可以利用键盘快捷键打开、关闭和导航“开始”菜单、桌面、菜单、对话框以及网页,Word里面也可以用到快捷键。
vscode怎么提示
方法/步骤:
1.打开vs code软件;
2.左下角点击设置图标;找到并点击“setting”;
3.到搜索框里;搜索设置“prevent”; 下面即出现搜索的设置配置;
4.可以在图中看到这一项; 意思是:控制在活动代码片段内是否禁用快捷建议;
5.勾选这一项;等设置更新;即可!! 在写代码的时候就会出现提示内容.
扩展资料:
电脑电池使用方面的维护
1.当无外接电源的情况下,倘若当时的工作状况暂时用不到PCMCIA插槽中的卡片,建议先将卡片移除以延长电池使用时间。
2.室温(22度)为电池最适宜之工作温度,温度过高或过低的操作环境将降低电池的使用时间。
3.在可提供稳定电源的环境下使用笔记本电脑时,将电池移除可延长电池使用寿命。就华硕笔记本电脑而言,当电池电力满充之后,电池中的充电电路会自动关闭,所以不会发生过充的现象。
4.建议平均三个月进行一次电池电力校正的动作。
5.尽量减少使用电池的次数
电池的充放电次数直接关系到寿命,每充一次,电池就向退役前进了一步。建议大家尽量使用外接电源,
6.使用外接电源时应将电池取下(锂电池不山肆在此列)。
有的用户经常汪禅在一天中多次插拔电源,且笔记本电脑装有电池,这样做,对电池的损坏更大。因为每次外接电源接入就相当于给电池充电一次,电池自然就折寿了(特指镍困唯尘氢和镍镉电池,锂电池不存在这种情况)。
7.电量用尽后再充电和避免充电时间过长
您的笔记本使用的是镍氢电池与镍镉电池,一定要将电量用尽后再充(电量低于1%),这是避免记忆效应的最好方法。
8.平时使用注意事项
在平时使用时要防止曝晒、防止受潮、防止化学液体侵蚀、避免电池触点与金属物接触等情况的发生。