前端开发环境配置

1、基础环境

node

1. 下载安装node.js

2. 环境配置

   配置npm安装的全局模块所在的路径，以及缓存cache的路径

   vscode配置js环境过程（2021-10-15）ariako_n的博客-CSDN博客vscode配置javascript环境

git

2、开发环境

VS code

常用插件

• JavaScript (ES6) code snippets

• Beautify (美化代码)

• Rainbow Brackets (彩虹括号)

• Live Server (启动本地服务器)

• Code Runner (单独运行某段代码)

• Code Spell Checker (源代码拼写检查)

• Prettier - Code formatter (代码格式化)

• TODO Highlight

• Auto Rename Tag

• CSS Peek (追踪样式)

• HTML CSS Support (用于css的智能感知)

• Debugger for Chrome

• open in browser (浏览器打开文件)

• vscode-icons (文件图标)

• Image preview (预览图片)

• indent-rainbow (使缩进更容易阅读)

• JS & CSS Minifier (Minify) (缩小化JS和CSS)

• Easy LESS (自动将less编译为css)

• Ayu (VS code主题扩展)

• One Monokai (VS code主题)

• Chinese (Simplified) (简体中文)

• ESLint (代码规范)

• settings sync (同步配置)

浏览器

谷歌插件

• Markdown Preview Plus

• Enhanced GitHub

• GitHub Hovercard

• JSONView

• NIM(Node.js 调试管理工具)

• Vue.js devtools、Redux DevTools、React Developer Tools 对应前端框架开发必备的 devtools，需要的时候再安装也不迟。

• Proxy SwitchyOmega 开发中还是必不可免会有使用代理的情况，该插件可以轻松快捷地管理和切换多个代理设置。

• Sourcetree Sourcetree 是Git GUI，使用可视化界面来对代码进行版本控制，操作起来会比较友好。

• Postman Postman是一个跨平台的应用，它拥有完整的API开发环境，该应用前后端的朋友都能使用的了。在Chrome插件商城中你也能找到它，安装后会自动将该应用离线下载至本地。如果你更偏爱于命令行，可以尝试curl。

3、应用

• Sourcetree Sourcetree 是Git GUI，使用可视化界面来对代码进行版本控制，操作起来会比较友好。

• Postman Postman是一个跨平台的应用，它拥有完整的API开发环境，该应用前后端的朋友都能使用的了。在Chrome插件商城中你也能找到它，安装后会自动将该应用离线下载至本地。如果你更偏爱于命令行，可以尝试curl。

参考从零开始配置前端开发环境 - 知乎