vs code小工具
新公司主流语言为js及其框架eggjs,需要尽快上手,而核心编辑器vscode就是必备技能,对比IDEA,通过demo项目快速了解开发中常用功能对应的快捷键等,保证快速上手。
1. 常用快捷键
快捷键 | 功能 |
---|---|
Ctrl+P | 快速查找文件 |
Ctrl+J | 快速打开终端 |
Ctrl+/ | 单行注释 |
Alt+上下箭头 | 移动当前代码行 |
alt+← | 返回上次浏览位置 |
ctrl+enter | 向下开辟一行,开始新一行,相当于vim的o |
end | 跳转行尾 |
home | 跳转行首 |
Ctrl+W | 关闭当前文件 |
Ctrl+G | 快速跳转指定行 |
SHIFT+ALT+上下箭头 | 快速复制指定行的代码 |
CTRL+SHIFT+F | 代码格式化 |
F2 | 方法重命名 |
CTRL+-> | 光标跳转下个单词或符号 |
ALT+上下箭头 | 移动代码行 |
2. 好用的插件
- 项目管理器 vscode缺少项目管理器,需要搞个插件管理多个项目
- markdown 随便搞个就行
3. 快捷命令
类似IDEA的一些live template,js项目也有很多console.log()
之类的共同代码需要快捷命令
设置->管理->用户代码片段->javascript
修改对应的javascript.json,在该json文件中增加
"Print to console": {
"prefix": "clg",
"body": ["console.log($1);"],
"description": "Log output to console"
}
后续就能用clg+tab键生成console.log()
代码了
4. 方法不自动带括号的处理
设置-用户,
搜索typescript.suggest.completeFunctionCalls
和javascript.suggest.completeFunctionCalls
勾选后即生效
5. js代码默认末尾加逗号
同样,搜索javascript.format.semicolons
选择insert即可,每次shift+alt+F
格式化后都会自动添加分号
3. 项目上手参考
- koa与node.js开发实战 讲解比较详细,有对应github项目教程
- chatGPT
- B站黑马nodejs视频