前端开发工具

前端开发工具

有一个想入行前端的小伙伴叫我帮他整理一份前端开发的工具和资料，我就根据自己平时常用的工具整理了一份

1.代码编辑器：vsCode

下载地址：https://code.visualstudio.com/Download

常用插件：

1. Debugger for Chrome chrome 调试工具

2. Auto Close Tag 自动闭合html标签

3. Auto Rename Tag 自动修改标签名

4. Beautify 美化代码格式

5. Chinese (Simplified) (简体中文) Language Pack for Visual Studio Code 汉化vscode

6. Vue Language Features (Volar) Vue3代码提示

7. Vetur Vue2代码提示

2.本地运行环境：node

下载地址：http://nodejs.cn/download/

推荐使用方式：使用nvm来管理多个node版本，无缝切换。nvm教程：https://blog.youkuaiyun.com/qq_30376375/article/details/115877446

安装最新版本的node，会同时安装包管理器npm。
npm install 报错时，可以更具报错信息切换不同版本的node之后再次尝试。

3.多功能小工具：PicPick

下载地址：https://picpick.app/zh/download

主要用途：截图，吸取颜色

4.常用网站

1. UI框架 element-ui 和 element-plus https://element.eleme.cn/#/zh-CN
2. js框架 vue2 和 vue3 https://v3.cn.vuejs.org/
3. 表单设计 form-generator https://mrhj.gitee.io/form-generator/?hmsr=admin-plus&hmpl=&hmcu=&hmkw=&hmci=#/
4. 图表设计 echarts https://echarts.apache.org/zh/index.html