如何搭建前端开发环境

# 如何搭建前端开发环境

一：浏览器

直接安装最新的 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：导出