VS Code 使用

前言

  对于常用的IDE，我之前主要是两个，轻量的Sublime Text和厚重的Web Storm。但是最近发现，电脑打开Web Storm越来越卡了，经常点开图标，等了一两分钟才出现回应。再加上，Web Storm我是用的注册码破解的，时间也快到期了。所以准备换一个相当的丝滑点的IDE，这时候就想到了之前朋友推荐的微软的VS Code。浏览VS Code的信息，有几点很吸引我：开源免费，打开丝滑和支持多种语言code。再加上后面是微软这个大腿，觉得换一下还是可以的。
  了解了一下VS Code的主要架构，发现了它的丝滑不是没有道理的。它提供了一个包含一些基础功能的本体，对于其他额外功能和提高生产力的工具，是作为插件存在于内部商店里面的。需要用户根据自己的需求进行个性化安装，说实话，要是以前我会觉得这种安装插件的方式很麻烦，倒不如你一股脑给我全装好。但是现在不这样想了，有所得必有所失，每个人不能为了偷懒而去逃避一些能够更了解自己更能把控全局的方法。这是我认为一个互联网从业者所不应该有的想法，身处这个变化万千，未来未知的行业，我们要把握变化，做好对变化的准备。

安装

  首先是安装，直接去官网下载对应的版本。（https://code.visualstudio.com）

改中文

  VS Code本地就支持了多种语言，不需要额外安装插件，除非遇到了特殊情况。

1. 打开vscode工具；
2. 使用快捷键组合【Ctrl+Shift+p】或者【Command+Shift+p】，在搜索框中输入“configure display language”，点击确定后；
3. 修改locale.json文件下的属性“locale”为“zh-CN”;

4. 重启vscode工具；

   
   改中文

按理说，到了这一步就可以了。但是我遇到了特殊情况，重启后还是英文。于是又继续搜索解决办法，那就是继续安装简体中文插件。在上图所示的商店里面，搜索安装简体中文插件。

插件安装

  VS Code提供了丰富的插件，我们可以根据自己的需要安装不同的插件。

• less插件

  1. 在VS Code商店里面搜索Easy Less，安装。安装结束后，最好重启一下软件。
  2. 在需要生成css文件的地方，新建一个.less文件。
  3. 在里面写你需要的样式，保存后，会自动在同级目录下，生成同样名称的css文件。

• Atom One Dark Theme 主题
  这个主题我比较喜欢

• Beautify 格式化代码插件

• EsLint 代码规范
  一个良好的代码规范，有助于工作协助交流。

• filesize 文件大小
  左下角标明文件大小信息。