VsCode使用

VsCode使用

VsCode中开启终端窗口快捷键：ctrl + `(模板字符串那个按钮)

vscode插件快速创建react组件快捷键

安装ES7 React/Redux/GraphQL那个插件

快捷键：

rcc //快速定义一个组件（用类定义组件）react class component

rafce //函数式组件

rfc //快速穿件一个组件（用函数定义组件）react function component

rconst //快速创建一个 constuctor

rcep //快速创建一个组件（使用extends方式）

rcredux //快速创建一个 redux格式的类模板

clg //console.log()的快捷键
**nfn **//快速创建箭头函数
imp //快速import导入

Alt+Shift+下键 //复制到下一行
**Alt+Shift+上键 **//复制到上一行

… //快速生成<div className=“”></div>

alt+左 //回到上次光标所在的位置

**（键盘上）Home键 **//页面回到顶部
**（键盘上）End键 **//页面回到底部

**ctrl+Home **//页面回到顶部

jsons //JSON.stringify()的快捷键

vscode新建html文件，在第一行输入!，然后按下tab键

//输入article.left，显示的效果为
<article class="left">

</article>

//输入div.left+div.right+div.center，显示的效果为
<div class="left"></div>
<div class="right"></div>
<div class="center">

VScode初次使用时如何运行html文件到浏览器上

如果在vscode中创建了一个HTML文件，想要右键直接能转接到浏览器上，需要以下设置：

如图打开拓展栏，输入open in browser即可找到该插件，点击安装即可

此时右键即可看到有如图所示，可以点击Open in Default Browser（快捷键Alt+B），或者使用Open in Other Browsers（快捷键Shift+Alt+B）选择其他浏览器打开。

---

在文件夹路径打开cmd终端：alt+D 输入cmd

---

键盘操作

Ctrl逐词 shift选择

逐词移动 ctrl+方向
选择字母 shift+方向
逐词选择 ctrl+shift+方向
选择一行 end->shift+home（end键调到该行末尾）
选择同样 ctrl+d
区块选择 alt+shift+右

逐词删除 ctrl+delete

---

F1键，打开控制台

---

插件json editor，安装后打开.json文件，按F1，输入json editor，打开json editor窗口