前端开发前的准备工作

一   屏幕

      设置自己的屏幕缩放以及网页缩放，都调至100%，因为有些小伙伴的网页缩放或者屏幕缩放比例已经调过了，而这会导致设计稿的大小和实际开发的不匹配，也就是辛辛苦苦敲得代码，全部都要重新调整。

二  开发工具

     开发工具很多，这里推荐两个最常用的

     VScode：插件非常多，调试也方便，十分推荐

     HBuilder X：写uniapp的时候，就不得不用上他了，其实vue也可以用，但是本人出了学校之后，只有写uniapp的时候才打开过哈哈，不过这也是个非常好用的开发工具。

三   插件

     有了开发工具后，合适的插件可以让我们事半功倍，接下来推荐几个好用的插件

      Debugger for Chrome：断点调试，方便观察整个流程

      Path Intellisense ： 路径补全，有了这个，写路径超级方便！

      Auto Rename Tag：同步修改两侧标签，写错的标签只需要修改一次！

     Auto Close Tag ：自动闭合标签，超级方便有木有！

    Vetur：智能提示，还能格式上下文。

     EsLint ：EsLint 语法校验，写出超级规范的代码，连一个标点都不会放过！！   不过一开始用的话简直就是魔鬼，你会知道什么叫做满堂红   （哭.jpg）

   [Deprecated] Bracket Pair Colorizer 2：更多颜色的括号，让你一眼找到多层嵌套的位置（ps:不过还是少用多层嵌套比较好啊）

四   浏览器

    考虑到浏览器兼容问题，这几个浏览器是必备的

    chrome：谷歌浏览器，也是我身边的人在内最常用的浏览器了，用来调试代码非常方便

     edge：微软开发，非常清爽，也是webkit内核，现在的微软系统都自带edge不用特地下载，上来就用（doge）

     IE：一生之敌！非常多特别炫的效果为了兼容IE不得不修改，IE你罪大恶极！！！！不过还是有很多地方会用ie浏览器，所以为了客户，还是努努力搞定吧！

     火狐：火狐的用户也非常的多，火狐也有自己的内核，所以还是在电脑里放一个火狐吧！