VScode安装使用及设置

下载VScode

HBuilder、Sublime Text、WebStorm、Visual Studio Code…等等,其中VSCode以其轻量且强大的代码编辑功能和丰富的插件生态系统,独受前端工师的青睐

VScode下载地址

安装

VScode安装使用及设置_第1张图片
可修改安装路径

VScode安装使用及设置_第2张图片
其他:

①将“通过code 打开“操作添加到windows资源管理器文件上下文菜单

②将“通过code 打开”操作添加到windows资源管理器目录上下文菜单

说明:①②勾选上,可以对文件,目录点击鼠标右键,选择使用 VScode 打开。

③将code注册为受支持的文件类型的编辑器

说明:默认使用 VScode 打开诸如 txt,py 等文本类型的文件,一般建议不勾选。

让 VScode 支持的代码文件全部变成 VScode 默认打开,文件图标也会随之更改,很好辨认。

④添加到PATH(重启后生效)

说明:这步骤默认的,勾选上,不用配置环境变量,可以直接使用

VScode安装使用及设置_第3张图片
点击下一步——安装即可

首页
VScode安装使用及设置_第4张图片

vscode设置成中文

vscode默认的语言是英文,对于英文不好的小伙伴可能不太友好。简单几步教大家如何将vscode设置成中文。

按快捷键“Ctrl+Shift+P”。
在“vscode”顶部会出现一个搜索框。
输入“configure language”,然后Enter。
“vscode”里面就会打开一个语言配置文件。
将“en-us”修改成“zh-cn”。
按“Ctrl+S”保存设置。
关闭“vscode”,再次打开就可以看到中文界面了。
VScode安装使用及设置_第5张图片

当然如果你不愿意设置,也可以直接安装它的中文插件,还是很人性化的。

在商店里搜索chinese——安装

VScode安装使用及设置_第6张图片

VS Code 修改界面主题

菜单栏——文件——首选项——颜色主题
VScode安装使用及设置_第7张图片
选择你想要的主题即可

开启代码提示设置

第一步:点击左下角点击设置图标,找到并点击“setting”(汉化直接点击设置)

VScode安装使用及设置_第8张图片

第二步:到搜索框里搜索“prevent”—>并取消此项的勾选

VScode安装使用及设置_第9张图片

插件安装

在输入框中输入想要安装的插件名称,点击安装即可。安装后没有效果,可以重启vscode

VScode安装使用及设置_第10张图片

你可能感兴趣的:(开发工具使用,开发工具)