插件：

1.Live Server : 实时预览网页。

2.使用内置的HTML和JS代码自动补全 ：Visual Studio Code自带了强大的HTML、CSS和JavaScript代码自动补全功能。你可以通过简单的输入来触发自动补全，例如输入<!然后按Tab或Enter，它会展开为完整的HTML文档结构。

3.ESLint：JS检查报告JS代码问题。

4.Stylelint：CSS检查报告CSS代码问题。

总结：我认为3和4也不必安装，VS Code内置支持就够用了。

VS Code配置：

1.保存代码时自动触发代码检查配置：在配置文件settings.json中，添加如下配置项：

"editor.codeActionsOnSave": {

"source.fixAll.eslint": "explicit",

"source.fixAll.stylelint": "explicit"

}

作为一个C++程序员，一直是后端或命令行程序开发，有些单机GUI程序也是比较笨重，对于前端开发一直很是好奇，老家伙了，赋闲在家正好有时间学一学， 首先我调研了一下，我对于UI的要求，第一条就是要跨平台， 第二要轻量，最后我发现也就H5、CSS、JS最符合要求！网页、移动端网页、微信小程序等就很不错，项目好落地。

注意：此文简略，作为我的备忘，一个C++老菜鸟学习前端的点滴记录。

声明：以上都是我的学习随笔和心得记录，个人原创， 好坏不论，记录下来，权当向岁月致敬！这个世界，我来过，拼过，即使老去，我依然没有颓废，保持学习中。。。