Visual Studio Code 轻量级功能强大的代码编辑器
主页
https://code.visualstudio.com/
文档
https://code.visualstudio.com/docs
下载地址
https://code.visualstudio.com/Download
下载安装目标:
实现angular项目开发编辑
安装语言支持:
JavaScript , typescript
安装Debugger for Chrome
将路径放入path
D:\Program Files\Microsoft VS Code\bin
就可以直接命令行执行code
在命令行中进入项目目录
然后执行
code .
在VSCode中,打开调试面板,点击齿轮按钮,VSCode是通过.vscode/launch.json文件来配置管理项目启动的,可以在configurations里面配置多个启动方式
打开控制台
选择terminal
输入ng serve
等到运行成功后 执行chrome的调试器
安装插件
ng-zorro snippets
快捷键
打开vscode的Extensions(shift+ctrl+x)
ctrl+d 选中贯标所在的单词(连续按则多选)
在ctrl+p 的窗口下
1、直接输入文件名,跳转到文件
2、? 列出当前可执行的操作
3、: 跳转到行数,也可以ctrl+g
4、@ 跳转到symbol Shift+Ctl+O
5、@: 根据分类跳转到symbol
6、# 根据名字全局查找symbol
ctrl+shift+n 打开新窗口,(但是不能打开同一个文件夹)
ctrl+shift+w 关闭窗口
ctrl+tab 不同文件之间切换(打开的文件之间)
ctrl+f4 关闭文件
ctrl+[ 、ctrl+] (向右)代码行缩进,(光标在任意位置都行)
ctrl+c和ctrl+v 如果不选中,默认复制或者剪切一整行
shift+delete(ctrl+x) 剪切,如果不选中,默认复制或者剪切一整行
shift+alt+up, shift+alt+down 向上,向下复制一行
shift+up, shift+down 向上或者向下选中一行(连按选择多行)
shift+right, shift+left 向左向右单个字母选中
shift+ctrl+enter 在当前行的上方插入一行
ctrl+enter 在当前行的下方插入一行
ctrl+delete 删除光标右边的所有字
home 光标移动到行首
end 光标移动到行尾
ctrl+home 光标移动到文件开头
ctrl+end 光标移动到文件结尾
f12 移动到定义处
alt+f12 定义处的缩略图,不跳过去
shift+ctrl+[ 折叠
shift+ctrl+] 展开
shift+end 选择从光标到行尾
shift+home 选择从行首到光标处
shift+ctrl+k 删除行
alt+left 回退
f8 跳转到下一个error或者warning
ctrl+f 本文件内查找
ctrl+h 本文件内查找替换
shift+ctrl+f 全局查找
shift+ctrl+h 全局查找替换
ctrl+b 侧边栏隐藏或显示
ctrl+ ~ 控制台终端显示与隐藏
shift +ctrl +u 显示output console
shift+ ctrl +y 显示debug console
shift+ctrl+m 显示problem console
ctrl+k ctrl+c 单行注释
ctrl+k ctrl+u 取消单行注释
shift+alt+a 多行注释
这里只列出了那些非常常用的vscode快捷键