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.completeFunctionCallsjavascript.suggest.completeFunctionCalls 勾选后即生效

5. js代码默认末尾加逗号

同样,搜索javascript.format.semicolons 选择insert即可,每次shift+alt+F格式化后都会自动添加分号

3. 项目上手参考

  1. koa与node.js开发实战 讲解比较详细,有对应github项目教程
  2. chatGPT
  3. B站黑马nodejs视频