1,它开源免费,通过安装开发语言相关的插件,可以让VS Code实现相应的语法识别和代码提示,目前拓展商店已经提供了大多数编程语言的插件,可以随便下载,常用有Script有JScript、EScript ,以及包括PHP,Python等其它语言。
2,Visual Studio Code的侧边栏它集成了在编码和重构时会用到的核心功能,你需要的其他任何功能都可以通过安装扩展来满足。
3,它有一个非常有用的语法高亮和自动完成功能,提供了基于变量类型、函数定义和导入模块的自动补全功能,对开发人员提供了很大的帮助。
4,内置调试器可以通过添加断点和观察器进行调试,以帮助你加快编辑,编译等。默认情况下,它支持 NodeJS ,并且可以调试任何可以被转换为 JavaScript 的语言,部分语言需要安装扩展才能进行调试。
5,Visual Studio Code内置了一个 Git GUI,支持最常用 Git 命令,可以自己在项目中所做的更改。
Visual Studio Code 安装
1,安装地址(官网下载): https://code.visualstudio.com/ ,进去网址后点击后上角下载,选择与自己的系统匹配的一项,现在成功过双击按照提示进行安装就可以。
Visual Studio Code 安装插件
1,先ctrl+shift+p,弹出命令面板-选中Extensions:Install Extensions 或者点击左侧栏这个扩展按钮(Ctrl+Shift+X)第五个就可以打开,在搜索框体输入想要安装的插件。
常用的插件集合
(1)Material Theme VS Code 主题插件
(2)Auto Import 自动去查找、分析、然后提供代码补全。
(3)Indent-Rainbow 是代码对齐,更方便阅读和查找
(4)IntelliSense for CSS class names in HTML 基于你的项目以及通过link标签引用的外部文件,该智能插件提供 HTML 中 CSS class 名字的补全
(5) SVG Viewer 一个利于预览svg的插件
(6)Prettier 用来美化的代码的。
(7)React Native Tools 代码提示、Debugging、集成 RN 的命令。
(8)npm Intellisense 导入语句自动补全 npm 模块名称。
(9)highlight-matching-tag 标签高亮显示
(10)GitLens 丰富的git日志插件 丰富的git日志插件
(11)Bracket Pair Colorizer 对不同的代码块进行高亮
(12)Color Highlight 展示你定义的颜色。
(13)CSS Peek 可以在 HTML 中通过 CSS id 或则 class 来定位到其定义,显示你的css代码块。
(14)Debugger for Chrome 用 Chrome 来 Debug 你的 JavaScript 代码,或则其它支持 Chrome Debugger 协议的平台。
(15)beautify 格式化代码的工作。
(16)vscode-vue 主要应用与vue
(17)Language Packs 安装中文,点击确定后,会重新打开软件,再次打开后软件的语言为中文。
(18)open in browser 打开浏览器的插件,
Visual Studio Code 常用快捷键
1,Ctrl + S 保存
2,Ctrl + C 粘贴
3.,Ctrl+ V 复制
4, Shift+Alt+F 格式化文档
5,Ctrl+I 选择当前行
6,Ctrl+F 查找
7,Ctrl+H 替换
8,Ctrl+/ 添加或者删除 行注释
9,Alt+B 打开默认浏览器