如何搭建前端开发环境
一:浏览器
直接安装最新的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或窗口右上角的符号