vscode简介
Visual Studio Code(简称“VS Code” [1] )是Microsoft在2015年4月30日Build开发者大会上正式宣布一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代Web和云应用的跨平台源代码编辑器, [2] 可在桌面上运行,并且可用于Windows,macOS和Linux,另外VS Code完全免费。
什么是集成开发环境?
VS Code就是微软推出的一款集成开发环境。
vscode下载安装
官网地址:https://code.visualstudio.com/
官网下载vscode界面,如下:
查看下载之后的安装文件,如下:
安装唯一需要注意的一点就是将创建桌面快捷方式和添加到window资源管理器勾上,如下:
勾上之后后续操作会很方便。
安装之后打开的页面,如下:
设置VS Code显示中文
如果看英文不习惯,可以更改成中文,如下:
操作一,按Ctrl + Shift + P
操作二,在输入框中输入language
操作三、选择安装的语言
操作四、中要安装的语言,然后点击安装
操作五、安装完成后选择重启
重启之后的效果图,如下:
插件Live Server
Live Server插件的作用有两个,如下:
- 可以让我们编写完代码点击保存之后,浏览器自动更新网页内容
- 运行网页是新开启了一个服务,有一个端口号单独针对运行,可以让我们在开发的时候更好的模仿生产环境
未使用Live Server插件的运行地址,如下:
使用Live Server插件的运行地址,如下:
常用操作
实现多行输入(即在多个光标位置同时输入)
按住alt,用鼠标左键点击,可以出现多个光标,输入的代码可以在光标处同时增加,这个操作对于批量编辑和快速输入相同内容非常有用。
vscode javascript 单行注释快捷键
选中要注释的内容,按快捷键Ctrl+/即可。
vscode javascript 多行注释快捷键
对于已有的多行代码,可以使用 Alt + Shift + A 快捷键来在其前面添加 /* ,在后面添加 */ ,从而将其注释掉。
vscode工具中手动折叠多行代码
设置字体大小
1、打开VSCode,并点击左侧的菜单栏中的“文件(File)”。
2、在文件菜单中,选择“首选项(Preferences)”,然后选择“设置(Settings)”选项。
3、这将打开一个新窗口,在搜索框中输入“字体大小(Font Size)”,然后点击“编辑(Workbench › Appearance › Font Size)”选项。
4、在右侧的编辑器中,您可以看到“字体大小(Font Size)”的选项。在文本框中输入您想要的字体大小,例如"14"或"16"。
5、如果您只想更改代码编辑器的字体大小,可以在设置中搜索并选择“编辑器: 字体大小(Editor: Font Size)”,然后输入您想要的字体大小。
6、您还可以通过下拉菜单选择相对大小(例如"较小(Smaller)"、“正常(Normal)”、“较大(Larger)”)或使用滑块来调整字体大小。
保存设置后,您会立即看到编辑器中的字体大小更改。
如何设置黑色主题