Visual Studio Code [vscode]编辑器 之 angular篇

Visual Studio Code 轻量级功能强大的代码编辑器
主页
https://code.visualstudio.com/
文档
https://code.visualstudio.com/docs
下载地址
https://code.visualstudio.com/Download
下载安装目标：
实现angular项目开发编辑
安装语言支持：
JavaScript ， typescript
安装Debugger for Chrome

image.png

将路径放入path
D:\Program Files\Microsoft VS Code\bin
就可以直接命令行执行code

在命令行中进入项目目录
然后执行
code .

image.png

在VSCode中，打开调试面板，点击齿轮按钮，VSCode是通过.vscode/launch.json文件来配置管理项目启动的，可以在configurations里面配置多个启动方式

image.png

打开控制台
选择terminal
输入ng serve
等到运行成功后 执行chrome的调试器

image.png

安装插件
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快捷键