前端开发软件汇总

120 阅读2分钟

新入职或者拿到一台新电脑,我们需要搭建我们的开发环境,下面这些是一些常用必备软件:

1、nvm/nvm-windows

nvm-windows:https://github.com/coreybutler/nvm-windows

image.png

管理node版本,已安装的也可以很好识别,适合需要使用多版本node场景。

常用命令:
nvm -v 查看nvm版本
nvm list available 查看所有可安装版本
nvm install 版本号 安装对应版本的nodejs 如:nvm install 16.15.1
nvm uninstall 版本号 卸载对应版本
nvm ls 查看已安装node版本列表
nvm use 版本号 切换node版本

==哈哈==

2、Nodejs

官网:https://nodejs.org/en

如果已安装nvm/nvm-windows,就不要在官网下载node安装,而是应该使用nvm安装,不然nvm不会识别

image.png 建议使用长期稳定版本(LTS),根据公司项目,最新版可能会有兼容问题。

3、nrm

nrm是npm的一个源管理工具,npm源有时候下载很慢,就需要切换npm源,nrm可以帮助我们管理和切换npm源。

安装完node后,使用npm install -g nrm命令安装nrm

常用命令:
nrm -v查看nrm版本
nrm ls查看可用源
nrm use 源名称切换源,如:nrm use taobao
nrm test测试各个源的响应速度

image.png

nrm add 源名称 源地址添加自定义源,如:nrm add myregistry http://myregistry.com/
nrm del 源名称删除源

4、vscode

官网:https://code.visualstudio.com/

这个不多解释了,用过都说好。

好用插件推荐:
Auto Close Tag
Auto Rename Tag
GitLens
Image preview
HTML CSS Support
Live Server这个注意,有时候会有冲突
open in borwser
Path Intellisense
Prettier-Code formatter
Eslint
Volar
Vue VSCode Snippets

5、git

官网:https://git-scm.com/

代码版本管理,不多说了
安装完成之后,需要设置邮箱和用户名:
git config --global user.name 用户名
git config --global user.email 邮箱
查看设置
git config --list

6、SourceTree

官网:https://www.sourcetreeapp.com/

当然你也可以使用git小乌龟或其他的,git的可视化工具有很多,不过就颜值而言SourceTree还是可以的

7、postman

官网:https://www.postman.com/downloads/

8、apipost

官网:https://www.apipost.cn/?utm_source=10124&bd_vid=10898496329729377767

postman和apipost都是接口测试工具,装一个就可以了

9、Draw.io

draw.io是一款免费的在线图表编辑工具,可以绘制流程图,UML,类图,组织结构图,泳道图,E-R图,思维导图等。

官网在线地址:https://app.diagrams.net/

桌面版下载地址:https://github.com/jgraph/drawio-desktop/releases/tag/v21.6.1

image.png