add:VS Code快捷键
This commit is contained in:
qianguyihao
parent
e14d8434f9
commit
c1b2b86e8c
@ -31,13 +31,13 @@ VS Code 的全称是 Visual Studio Code，是一款开源的、免费的、跨
|
|||||||
|
|
||||||
- 有一点你可能不知道，VS Code 这个客户端软件是用 js 语言开发出来的（具体请自行查阅关键字`Electron`）。有句话说得好：能用 js 实现的功能，最终一定会用 js 实现。
|
- 有一点你可能不知道，VS Code 这个客户端软件是用 js 语言开发出来的（具体请自行查阅关键字`Electron`）。有句话说得好：能用 js 实现的功能，最终一定会用 js 实现。
|
||||||
|
|
||||||
### 前端利器之争： VS Code 与 IntelliJ IDEA
|
### 前端利器之争： VS Code 与 WebStorm
|
||||||
|
|
||||||
前端小白最喜欢问的一个问题是：哪个编辑器/IDE 好用？是VS Code还是 IntelliJ IDEA？我来做个对比：
|
前端小白最喜欢问的一个问题是：哪个编辑器/IDE 好用？是VS Code还是 WebStorm （WebStorm 其实是 IntelliJ IDEA的定制版）？我来做个对比：
|
||||||
|
|
||||||
- **哪个更酷**：显然 VS Code 更酷。
|
- **哪个更酷**：显然 VS Code 更酷。
|
||||||
|
|
||||||
- **内存占用情况**：根据我的观察，VS Code是很占内存的（尤其是当你打开多个窗口的时候），但如果你的内存条够用的话，使用起来是不会有任何卡顿的感觉的。相比之下，idea 不仅非常占内存，而且还非常卡顿。
|
- **内存占用情况**：根据我的观察，VS Code是很占内存的（尤其是当你打开多个窗口的时候），但如果你的内存条够用的话，使用起来是不会有任何卡顿的感觉的。相比之下，IDEA 不仅非常占内存，而且还非常卡顿。
|
||||||
|
|
||||||
- **使用比例**：当然是 VS Code 更胜一筹。先不说别的，我就拿数据说话，我目前所在的前端团队有100人左右，绝大部分前端同学都在用 VS Code，妥妥的。
|
- **使用比例**：当然是 VS Code 更胜一筹。先不说别的，我就拿数据说话，我目前所在的前端团队有100人左右，绝大部分前端同学都在用 VS Code，妥妥的。
|
||||||
|
|
||||||
@ -133,6 +133,17 @@ VS Code用得熟不熟，首先就看你是否会用快捷键。以下列出的
|
|||||||
|
|
||||||
**技巧3**：选中一堆文本后，按住「Option + Shift + i」键（windows 用户是按住「Alt + Shift + I」键），既可在**每一行的末尾**都创建一个光标。
|
**技巧3**：选中一堆文本后，按住「Option + Shift + i」键（windows 用户是按住「Alt + Shift + I」键），既可在**每一行的末尾**都创建一个光标。
|
||||||
|
|
||||||
|
### 工作区快捷键
|
||||||
|
|
||||||
|
|
||||||
|
| Mac快捷键 | Win快捷键 | 作用 | 备注 |
|
||||||
|
|:-------------|:-------------|:-----|:-----|
|
||||||
|
| **Cmd + B** | Ctrl + B | 显示/隐藏侧边栏 | 很实用 |
|
||||||
|
|`Cmd + \`|`Ctrl + \`|创建多个编辑器|比较实用|
|
||||||
|
| **Cmd + Option + 左右方向键** | Ctrl + Pagedown/Pageup | 在已经打开的文件之间进行**切换** | 非常实用 |
|
||||||
|
| Ctrl + Tab | | 在已经打开的文件之间进行跳转 | 不如上面的快捷键实用 |
|
||||||
|
| Cmd + J | Ctrl + J | 显示/隐藏控制台 | |
|
||||||
|
|
||||||
### 自定义快捷键
|
### 自定义快捷键
|
||||||
|
|
||||||
按住快捷键「Cmd + Shift + P」，弹出命令面板，在命令面板中输入“快捷键”，可以进入快捷键的设置。
|
按住快捷键「Cmd + Shift + P」，弹出命令面板，在命令面板中输入“快捷键”，可以进入快捷键的设置。
|
||||||
@ -546,6 +557,10 @@ css颜色高亮显示。
|
|||||||
|
|
||||||
- 作用：多台设备之间，同步 VS Code 配置。
|
- 作用：多台设备之间，同步 VS Code 配置。
|
||||||
|
|
||||||
|
## 参考链接
|
||||||
|
|
||||||
|
- [https://segmentfault.com/a/1190000012811886](https://segmentfault.com/a/1190000012811886)
|
||||||
|
|
||||||
## 最后一段
|
## 最后一段
|
||||||
|
|
||||||
如果你有什么推荐的 VS Code 插件，欢迎留言。
|
如果你有什么推荐的 VS Code 插件，欢迎留言。
|
||||||
|
|||||||
@ -335,7 +335,6 @@ Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：<
|
|||||||
|
|
||||||
- 知乎：<https://www.zhihu.com/people/evanyou>
|
- 知乎：<https://www.zhihu.com/people/evanyou>
|
||||||
|
|
||||||
|
|
||||||
### 玉伯
|
### 玉伯
|
||||||
|
|
||||||
- GitHub：<https://github.com/lifesinger>
|
- GitHub：<https://github.com/lifesinger>
|
||||||
@ -402,6 +401,22 @@ Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：<
|
|||||||
|
|
||||||
- 知乎：<https://www.zhihu.com/people/he-shi-jun>
|
- 知乎：<https://www.zhihu.com/people/he-shi-jun>
|
||||||
|
|
||||||
|
### 大漠
|
||||||
|
|
||||||
|
**链接**：
|
||||||
|
|
||||||
|
- GitHub：<https://github.com/airen>
|
||||||
|
|
||||||
|
大漠的GitHub上没啥东西。
|
||||||
|
|
||||||
|
- 博客：<https://www.w3cplus.com>
|
||||||
|
|
||||||
|
- 知乎：<https://www.zhihu.com/people/w3cplus>
|
||||||
|
|
||||||
|
**介绍**：
|
||||||
|
|
||||||
|
常用昵称“大漠”，W3CPlus创始人，目前就职于淘宝。对HTML5、CSS3和CSS处理器等前端脚本语言有非常深入的认识和丰富的实践经验，尤其专注对CSS3和动画的研究，是国内最早研究和使用CSS3和CSS处理器技术的一批人。现在主要在探讨学习JavaScript、React和Vue相关技术知识。CSS、CSS处理器和Web动画中国布道者。2014年出版《图解CSS3：核心技术与案例实战》。
|
||||||
|
|
||||||
### EGOIST
|
### EGOIST
|
||||||
|
|
||||||
- 博客：<https://egoist.sh/>
|
- 博客：<https://egoist.sh/>
|
||||||
@ -410,18 +425,14 @@ Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：<
|
|||||||
|
|
||||||
### 冴羽
|
### 冴羽
|
||||||
|
|
||||||
|
**链接**：
|
||||||
|
|
||||||
- GitHub：<https://github.com/mqyqingfeng>
|
- GitHub：<https://github.com/mqyqingfeng>
|
||||||
|
|
||||||
- 博客：<https://github.com/mqyqingfeng/Blog>
|
- 博客：<https://github.com/mqyqingfeng/Blog>
|
||||||
|
|
||||||
- 知乎：<https://www.zhihu.com/people/qing-feng-yi-yang>
|
- 知乎：<https://www.zhihu.com/people/qing-feng-yi-yang>
|
||||||
|
|
||||||
### 小爝
|
|
||||||
|
|
||||||
- GitHub：<https://github.com/xiaojue>
|
|
||||||
|
|
||||||
- 知乎：<https://www.zhihu.com/people/xiao-jue-83/>
|
|
||||||
|
|
||||||
### 李靖/小胡子哥（淘宝网）
|
### 李靖/小胡子哥（淘宝网）
|
||||||
|
|
||||||
- GitHub：<https://github.com/barretlee>
|
- GitHub：<https://github.com/barretlee>
|
||||||
@ -459,7 +470,6 @@ Sass 是成熟、稳定、强大的 CSS 扩展语言。入门文档可以看：<
|
|||||||
- 知乎：<https://www.zhihu.com/people/arcthur/>
|
- 知乎：<https://www.zhihu.com/people/arcthur/>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
## 总结
|
## 总结
|
||||||
|
|
||||||
如果你有发现新的内容，欢迎在 GitHub 上提交 [issues](https://github.com/qianguyihao/web/issues)。
|
如果你有发现新的内容，欢迎在 GitHub 上提交 [issues](https://github.com/qianguyihao/web/issues)。
|
||||||
|
|||||||
@ -20,8 +20,28 @@ Date.parse("2019/04/20 18:14:00")
|
|||||||
上方代码转换的结果，单位是`毫秒`，不是秒。
|
上方代码转换的结果，单位是`毫秒`，不是秒。
|
||||||
|
|
||||||
|
|
||||||
|
### 2019-04-23
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
const a = [];
|
||||||
|
const b = {};
|
||||||
|
|
||||||
|
console.log(Boolean(a));
|
||||||
|
console.log(Boolean(b));
|
||||||
|
```
|
||||||
|
|
||||||
|
上方代码的打印结果均为true。 具体解释，可以看我在 `03-JavaScript基础/03-变量的强制类型转换.md`这篇文章里讲到的**转换为Boolean**。
|
||||||
|
|
||||||
|
所以，我们平时在写业务代码的时候，“判断是否为空对象/空数组”，不能直接写成 `if (myObj)`或者`if(myArray)`，会踩坑。
|
||||||
|
|
||||||
|
判断不否为空数组，可以用：
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
if (myArray.length)
|
||||||
|
```
|
||||||
|
|
||||||
|
判断不为空对象，可以用 ：
|
||||||
|
|
||||||
|
```javascript
|
||||||
|
if (JSON.stringify(myObj) !== '{}')
|
||||||
|
```
|
||||||
6
17-前端综合/前端博客推荐.md
Normal file
6
17-前端综合/前端博客推荐.md
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
|
||||||
|
## 前端博客推荐
|
||||||
|
|
||||||
|
- 冴羽的博客：<https://github.com/mqyqingfeng/Blog>
|
||||||
|
|
||||||
|
冴羽写博客的地方，预计写四个系列：JavaScript深入系列、JavaScript专题系列、ES6系列、React系列。
|
||||||
Loading…
Reference in New Issue
Block a user