2020-09-28

如何搭建前端开发环境
一：浏览器
直接安装最新的 Chrome 浏览器就可以了，也可以使用微软新一代浏览器或者火狐浏览器。
Chrome 浏览器： 渲染引擎：Webkit JS引擎：V8v 善用 Chrome Devtools
二：基础开发工具
Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、Git 命令等特性，支持插件扩展，并针对网页开发和云端应用开发做了优化。软件跨平台支持 Windows、Mac 以及 Linux，运行流畅，可谓是微软的良心之作。
关于Visual Studio Code 配置：
主题Theme ⦿ Oceanic Next (dimmed bg) ⦿ 插件Extensions ⦿ Auto Close Tag：自动关闭HTML标记。 Link → ⦿Auto Rename Tag：自动修改匹配的HTML标记。 Link → ⦿Color Highlight：高亮度CSS中的颜色。Link → ⦿Paste and Indent：自动缩进粘贴的代码。 Link → ⦿Path Intellisense：自动完成文件名。 Link → ⦿Prettier：自动格式化代码。 Link → ⦿。。。
node.js + nvm
node对前端的重要性不言而喻，基本上只装一个node其实也够用，但难免也会有需要切换版本的时候，总不能每次都要覆盖安装吧，所以就需要一个来控制node版本的工具啦，这里我选择了nvm。
Git的安装
1：配置Git
2：配置个人信息
3：创建版本库
Typora：极致简洁的markdown编辑器
1：便捷的表格、代码、公式编辑
2：图片拖拽
3：目录
在文章中使用自动根据层级生成目录
同时还支持在编辑时实时显示目录，开关快捷键为command + shift + b或窗口右上角的符号
4：导出