如何搭建前端开发环境

如何搭建前端开发环境

一：浏览器

直接安装最新的Chrome浏览器就可以可以，也可以使用微软新一代浏览器或者火狐浏览器。

Chrome浏览器：渲染引擎​​：Webkit JS引擎：V8v善用Chrome Devtools

二：基础开发工具

Visual Studio Code（简称VS Code / VSC）是一种免费的开源的现代轻量级代码编辑器，支持几乎所有主流的开发语言的语法高亮，智能代码补全，自定义快捷键，括号匹配和颜色区分，代码片段，代码对比Diff，Git命令等特性，支持插件扩展，并针对网页开发和云端应用开发设计优化。软件跨平台支持Windows，Mac以及Linux，运行流畅，可谓是微软的良心之作。

关于Visual Studio代码配置：

主题主题⦿Oceanic Next（变暗的bg）⦿插件扩展⦿自动关闭标签：自动关闭HTML标记。链接→⦿自动重命名标签：自动修改匹配的HTML标记。链接→⦿颜色高亮：高亮度CSS中的颜色。 →⦿粘贴和缩进：自动缩进粘贴的代码。链接→⦿智能路径：自动完成文件名。链接→⦿更漂亮：自动格式化代码。链接→⦿。。。

node.js + nvm

node对前端的本质不言而喻，基本上只装一个node实际上也够用，但难免也会有需要切换版本的时候，总不能每次都要进行覆盖安装吧，所以就需要一个来控制node版本的工具啦，这里我选择了nvm。

Git的安装

1：配置Git

2：配置个人信息

3：创建版本库

＃类型：极致简洁的markdown编辑器

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

2：图片拖拽

3：目录

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

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

4：导出