Visual Studio Code 现在很多开发工程师都再用,它的有点就是体积小,占用内存也很小,对插件的扩展是很丰富的,也很轻量级等等,我个人是很喜欢这款开发工具的,下面来下载它,并且介绍它的一些常见插件。
一、下载安装 Visual Studio Code
官方网站免费下载地址:https://code.visualstudio.com/
由于是国外的网站有时会打开很慢,多试几次。
下载好了,直接一步步安装即可,然后就自动打开软件。要是觉得字体大小,可以设置以下字体大小(重启生效):
进入设置就会看到 Font Size 等等,根据电脑的屏幕大小设置一个合适的字体大小就ok。
二、安装常用插件
这里的常用不一定是你的常用的,你可以选择性的下载,还有这款工具上面会推荐出很多流行的插件,你可以自己去发现,这里面会有成百上千个插件,安装一些适合自己的插件就行。安装插件的目的是方便开发和对某一些功能的扩展。
1、Chinese 工具默认是英文版,我们看着可能会有些吃力,这款插件可以让 VSCode 转为中文版(重启生效)。
删除安装的插件,点击 Uninstall;
2、Auto Close Tag 、Auto Rename Tag 自动开闭标签插件;
3、ESLint 前端 ES 语法自动检查插件;
4、HTML CSS Support 、HTML Snippets简化 html css 开发,语法提示插件;
5、JavaScript(ES6) js 语法提示插件;
6、Live Server 服务器插件;
7、open in browser 在浏览器打开页面的;
8、vscode-icons 会根据文件不同后缀名来显示不同的图标;
9、Vetur vue开发工具;
10、WakaTime统计在 VSCode 写代码的时长;
11、Markdown Preview Github Styling 在书写 Markdown时,可以实时得预览到Github的渲染效果;
12、Code Spell Checker 提示常见单词拼写错误,包括检查驼峰命名发的单词;
13、Image preview 光标移动到图片 url 上即可预览图片和图片大小;
14、LeetCode 同步 LeetCode 题目,即可在VSCode 上浏览LeetCod,你在摸鱼?
15、Local History 维护本地历史记录,误删或消失后可以找回;
16、Bracket Pair Colorizer 使用不同颜色来标识成对的括号;
17、GitLensgit管理工具,可以查看任意行代码的提交者和提交时间,还可以对比不同次提交的代码;
这些插件的详细信息,都可在 VSCode 工具上直接搜索到。你可以仔细阅读插件的作用。
另外还建议去下载 Gitee 代码托管及版本控制,Git 客服端下载地址:https://git-scm.com/
有用点个关注,手留余香! ???? ???? ????