1. 为什么使用VSCode
- 集成开发环境(Integrated Development Environment)
-
- Visual Studio
- Android Studio
- Eclipse
- Xcode
- Netbeans
- JetBrains 全家桶
-
-
- PyCharm
- WebStorm
- Intellij IDEA
-
- 脚本编辑器(Text Editor)
-
-
VisaulStudioCode
-
Atom
-
Sublime
-
NotePad ++
-
Vim
-
Emacs
-
HBuilder
-
脚本编辑器其实就是纯文本编辑工具，集成开发环境通常集成过多的东西导致很臃肿，因此文件体积更小，启动速度更快的脚本编辑器越来越受到程序员们的追捧。VisualStudio如果将所有语言的开发包都安装上需要几十个G，而VScode的安装包大小只有不到 100M。
IDE适合大型开发，特别是需要编译运行还要依赖各种环境的 C++ 或者 Java ，IDE的配套环境真的可以省去很多麻烦，调试使用 IDE 的工具也很省心。脚本编辑器更加适合敏捷开发，比如 js python 这类的脚本语言。而且现在很多IDE也支持插件开发进行功能扩展，并不是脚本编辑器特有的功能了。
2. VSCode 优点
-
微软爸爸的财大气粗做后盾，维护很积极
-
图形化图标，交互比较友好
-
集成 Git 和 Cmd 以及 Debug 工具，Sublime 都没有内置
-
安装插件有图形化界面，可以不敲命令行，对新手很舒服
-
插件超级丰富，社区极度活跃，有问题基本都可以在 Github Issue 以及 Stack Overflow 上查到答案
3. 安装
下载自己对应的版本，直接双击安装
转为中文
点击扩展 - 搜索chinese - 直接安装 - 重启vscode
配置颜色主题
默认提供的主题有两大类：浅色系 和 深色系；可以自己选择
自动换行
管理 - 设置 - word warp
默认为off 关闭状态；调整为on 打开状态；
更改字体大小
管理 - 设置 - Font size 字体大小
直接更改为自己想要的大小即可
用浏览器打开页面效果
自动生成文件结构
老版本中使用!+会车，能够快速创建html页面结构
新版本的vscode中需要配置，配置完之后使用!+tab快速创建html页面结构
使用服务器环境打开页面
使用服务器环境打开
会自动创建服务器，自己配置端口号
下载完后，你会发现页面下方有个Go Live，点击它，就可以运行你的html页面了。
同时修改开始结束标签
重命名一个HTML / XML标签时，自动重命名配对的HTML / XML标签
自动联想类名【后期安装】
HTML to CSS autocompletion，外联样式提示插件
css-class-intellisense，内联样式提示插件
1）找到，点击右下角的安装进行安装
2）安装完以后进行配置
点击右下角设置，点击命令面板，【或者快捷键 ctrl + shift + p】
3）搜索settings.json配置文件
搜索框中输入settings.json
点击：首选项：打开设置（json）
4）输入配置代码
"editor.parameterHints": true,
"editor.quickSuggestions": {
"other": true,
"comments": true,
"strings": true
}
5）最后，重启vscode，即可完美提示运行。
6. VSCode 技巧
在VSCode中，合理的使⽤快捷键可以让编码效果事半功倍
快捷键
- 复制 Ctrl + C
- 粘贴 Ctrl + V
- 剪切 Ctrl + X
- 保存 Ctrl + S
- 删除一行 Ctrl+Shilft+K
- 选择所有选中的值 Ctrl + D
- 撤回到上⼀步 Ctrl + Z
- 恢复到下⼀步 Ctrl + Shift + Z
