visual studio 开发工具的常用配置

首先声明，为了书写方面，下文用 VSC 替代 visual studio code 全称

1、开发工具直接在官方下载即可，有免费版。但注意，是 visual studio code，不是 visual studio 别的。
    https://visualstudio.microsoft.com/zh-hans/free-developer-offers/

2、VSC 的插件：实用的 Visual Studio Code 插件
    其中，JS-CS-HTML Formatter 这个插件自带 Ctrl+s 格式化代码功能，将其禁用并重启 VSC 就好

3、快捷键的使用：https://cloud.tencent.com/developer/article/1004923

4、配置 vue 组件模板
    (1)、file --> preferences --> User snippets（中文版路径：文件 --> 首选项 --> 代码片段），输入 vue，选择 vue（这个就是 vue.json），进入 vue.json 页面，粘贴以下内容，然后在 vue 文件中输入 vue 点 tab 键就可以了。

"Print to console": {
	"prefix": "vue",
	"body": [
            "\n",
            "\n",
            "",
            "$2"
        ],
	"description": "Log output to console"
}

5、配置项设置：https://segmentfault.com/a/1190000014785115?utm_source=index-hottest
    其中有：代码错误实时提示，保存时自动格式化，快捷键格式化，保存时自动更正 格式 错误的 js 代码。

6、我在使用 VSC 做 vue 项目时所用到的插件：
    vue 2 snippets：支持 vue 2 代码补全
    vetur：语法高亮，代码补全，错误检测
    Color Highlight：颜色高亮
    language-stylus：以 styl 为后缀名的文件语法高亮
    open in browser：在默认浏览器打开

7、修改默认 tab 格式，默认为 4 格：https://jingyan.baidu.com/article/a3761b2bf4b0621576f9aa80.html

8、设置自动换行：https://jingyan.baidu.com/article/6dad5075383c3fa123e36ec3.html

9、安装中文环境：https://jingyan.baidu.com/article/7e44095377c9d12fc1e2ef5b.html

10、设置 Tab 空格位有填充箭头、space 空格位填充小点
        1. 打开setting（文件-首选项-设置）,在搜索框中输入renderControlCharacters,选中勾选框,即可显示tab.
        2. 在搜索框中输入renderWhitespace,选择all,即可显示空格.

最后，才刚开始使用 VSC ，更多问题和需求待更新