不是第一

VS Code

名称 : Visual Studio Code

开发商 : 美国微软公司

诞生时间 : 2015年4月30日Build 开发者大会

功能 : 一个运行于 Mac OS X、Windows和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器。

下载地址

https://code.visualstudio.com/

安装插件

安装完成之后会出现以下界面

安装汉化包

Chinese (Simplified) Language Pack for Visual Studio Code

ESLint

严格语法 , 适合团队开发. 类似于阿里巴巴编码规范

Live Server

服务器插件 , vue会实时更新. 但在html中可能看不出效果. 所以Liver Server的作用就体现出来了

open in browser

这是一个快捷打开浏览器方式. 类似于HBuilder中可以右键直接在打开浏览器 , 预览网页效果

Vetur

vue的格式化插件 , 主要包括自动提示 , 文本高亮 , 错误检测等等

快捷键设置

文件 - - > 首选项中

说明

选择一款花里胡哨的字体可能也还不错？

表面上是介绍 Fira Code 字体，实际上是安利一个好用的站点 slantopen in new window。

步骤

1. 下载字体

首先需要前往 slantopen in new window 寻找感兴趣的字体，搜索 font，得到搜索结果open in new window，再找到 Fira Code 的下载地址open in new window。

2. 安装字体

提供该安装包的 Github 有详细的安装说明。

在 manjaro 下依次选择 Font Management > Personal Fonts > Install from File，最后选择解压的 .ttf 文件即可。

3. VSCode 中启用

打开 Settings，输入 Font Family，在已有的一系列字体前面新增 Fira Code ，如果希望一些符号具有连体字(Font Ligatures)效果，同样需要在设置中启用它。