2020-09-27

一：浏览器

直接安装最新的 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：配置个人信息

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CX3CJnGq-1601196390813)(C:\Users\12242\Pictures\Camera Roll\QQ截图20200926185155.png)]

3：创建版本库

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-nOxNSE1y-1601196390816)(C:\Users\12242\Pictures\Camera Roll\2.png)]

Typora：极致简洁的markdown编辑器

1：便捷的表格、代码、公式编辑

2：图片拖拽

3：目录

在文章中使用自动根据层级生成目录

同时还支持在编辑时实时显示目录，开关快捷键为command + shift + b或窗口右上角的符号

4：导出