week 1 in bluemsun

走进前端

前：代表与人直接打交道的这部分，包括界面的展现，与用户的交互等
端：代表输出终端，例如pc浏览器，手机浏览器，甚至有些app，有些应用程序

前端工程师主要利用HMTL（超文本标记语言）与CSS（叠层样式表）建构页面，用JavaScript（脚本语言）完善交互以及用户体验，在实现过程还要注重移动端的适配和不同浏览器的兼容性，网站优化等等内容。

vscode插件的安装及使用

插件的安装及卸载

1. vscode安装插件只需要点击图片所示按钮，即可进入拓展，在搜索框中输入插件名点击安装后，等待安装好即可点击重新加载重启vscode使得插件生效。
   
   
2. 当你不需要某个插件时只需要进入扩展，点击对应插件右下角的齿轮按钮即可选择禁用或卸载该插件。
   
   

必备插件

1.Auto Close Tag ：自动闭合HTML/XML标签

2.Auto Rename Tag ：自动完成另一侧标签的同步修改

3.Beautify ：格式化 html ,js,css

4.Prettier：格式化JavaScript / TypeScript / CSS

5.Bracket Pair Colorizer ：给括号加上不同的颜色，便于区分不同的区块，使用者可以定义不同括号类型和不同颜色

6.HTML CSS Support ：智能提示CSS类名以及id 

7.HTML Snippets ：智能提示HTML标签，以及标签含义

8.JavaScript(ES6) code snippets ：ES6语法智能提示，以及快速输入，不仅仅支持.js，还支持.ts，.jsx，.tsx，.html，.vue，省去了配置其支持各种包含js代码文件的时间

9.open in browser ：vscode不像IDE一样能够直接在浏览器中打开html，而该插件支持快捷键与鼠标右键快速在浏览器中打开html文件，支持自定义打开指定的浏览器，包括：Firefox，Chrome，Opera，IE以及Safari

10.Path Intellisense ：自动提示文件路径，支持各种快速引入文件