前端开发装机环境 && 软件推荐
最近我的公司开发及硬盘寿终正寝，又到了重新做系统的时候。正好发现在掘金上这部分的资料比较少，于是就给大家整理一下配置前端环境或者说是重新做系统后都要按哪些软件。因为我们公司的规定，我非常荣幸的需要在内网进行离线前端开发，所以有些软件是出于离线的前提下的，请见谅。
一、前端环境配置
1.node.js + npm 🔗
Node.js (nodejs.org)，现在系统版本对应的版本即可。安装时推荐默认路径安装，直接一直下一步即可。在安装nodejs后，npm包也自动随同一起安装。可以Windows + R 键，输入cmd调出终端。
node -v
npm -v
显示版本号即为安装成功。
2.yarn 🔗
yarn 和 npm 都为包管理器，那为什么有npm之后还要再安装yarn呢？因为npm install实在是太太太太太太慢了。当然你也可以选择下载cnpm 或者 用npm 修改淘宝镜像。 这个yarn的安装要在npm安装成功的前提下安装，打开终端的方法和上步相同，在终端中输入，等待安装即可。
npm install -g yarn
3.搭建工具（vue-cli/vite）
搭建工具方面，我使用过基于webpack的vue-cli以及vite，在这里推荐vite，对于大项目真的很友好。
- vue-cli🔗安装：
npm install -g @vue/cli
# OR
yarn global add @vue/cli
- vite 🔗 更新换代比较快，推荐不要安装到电脑，需要搭建项目的时候在线搭建确保vite是最新版本。
项目搭建
使用 NPM:$ npm create vite@latest
使用 Yarn:
$ yarn create vite
使用 PNPM:
$ pnpm create vite
除此之外大家可以按照喜好或者需求安装所需环境。
二、软件推荐
1.vscode
Visual Studio Code - Code Editing. Redefined，一款很棒的编辑器，有非常丰富的插件。软件整体比较轻量，启动速度非常快。插件商店无需翻墙，全部免费！全部免费！全部免费！
2.webstorm
WebStorm: The Smartest JavaScript IDE, by JetBrains,我也刚刚下载还没开始用，后续可能更新使用感受。
大家可以都下载用一用再决定自己喜欢哪一款，这里引用掘金站友的文章，感兴趣的可以看看。WebStorm与VS Code的比较 - 掘金 (juejin.cn)
3.notepad++
notepad-plus-plus.org/，用过的人不用多说，很好的一款文本代码编辑器。可以打开很多格式的文件，功能很强大，也能够安装插件，推荐！
4.网易有道词典
网易有道词典，不用多说，不会真的有人英语好到不用查单词吧。（狗头）选中他是因为他的离线功能，在设置里面有好多离线字典，可以提前下载。当然，如果全部都不需要vip就更好了。
5.postman
Postman，接口调试工具，可以自己汉化。网上现在多了好多功能比postman强大的接口调试工具eolink，apipost等等等等，但是好像使用环境以及大多软件需要付费使用，这就需要大家自己判断了。
6.uTools
uTools官网 - 新一代效率工具平台，这个工具如果还有人不知道我真的会伤心！它真的太强大了，有很多插件很多功能供你去diy，有些可以减去很多重复复杂繁琐的操作。破站也有官方的教学视频，可以现看看，你会爱上它。
7.WinSCP
WinSCP，一个SFTP客户端和FTP客户端提供给用户可视化操作界面，可以在本地计算机和远程服务器之间复制文件FTP、FTPS、SCP、SFTP、WebDAV 或 S3 文件传输协议。
8.electerm
electerm,与WinSCP功能类似，看自己的使用习惯来决定。我推荐是，小孩子才做选择，我全都要。
9.office
不要说你重来都不写文档~
10.ContextMenuManager
ContextMenuManager | Windows右键菜单管理程序 (bluepointlilac.github.io),软件安多了右键就会发现好长一条，安装了它就可以轻松管理你的右键，甚至能更换图标，更换文本。妈妈再也不用担心我的右键。
11.toDoList/便签软件/笔记软件
好记性不如烂笔头，事情你不记，一回头他是真忘啊。
12.SVN
Home · TortoiseSVN，版本控制软件，用于协同开发，版本控制。
13.Git
Git - Downloads (git-scm.com)，用处与SVN相同，但是两个还是存在差别的。这里引用掘金站友的文章，感兴趣的可以看看# 前端必须知道的Git和SVN的区别。
14.bandZip
Bandisoft - Bandizip, Honeycam, Honeyview，压缩解压软件。之前非常喜欢，现在因为习惯也就没换，之前号称是最干净的解压软件，现在不予评价。据同事说，现在最好用的是360压缩，但是360这三个数字太厉害了，没敢用，大家可以尝试一下。
15.浏览器
这个应该就是我们的战场了，前端工程师的电脑里谁的没有几款浏览器~这里夹带私货，edge是真的好用！谁用谁知道！强烈推荐！
edge Microsoft Edge
谷歌浏览器 Google Chrome 网络浏览器
火狐浏览器 Firefox 火狐浏览器 - 全新、安全、快速 | 官方最新下载
总结
暂时就想到这么多,后续如果想到了会补充。
在这里提醒离线开发的同学，代码编辑器一定要安装好插件哦！
如果需求多，下一篇给大家整理一下前端开发的省时省力无敌爽翻天的插件！
