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": [
            "<template>",
            "    <div class=\"$1\">\n",
            "    </div>",
            "</template>\n",
            "<script type='text/ecmascript-6'>",
            "    export default {",
            "        data () {",
            "            return {\n",
            "            }",
            "        },",
            "        components: {\n",
            "        }",
            "    }",
            "</script>\n",
            "<style scoped lang='stylus' rel='stylesheet/stylus'>\n",
            "</style>",
            "$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

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