新电脑的前端开发环境的安装配置

1.硬性配置

vscode的安装

自己去vscode的官网,下载vscode进行安装。

HbuilderX的安装

去官网下载编辑器,可与vscode二选一,但是我两个都用。

node环境的安装

1.去官网node.js中文网,下载(14.18.0版本),因为nodejs不同意别的,强烈建议安装在C盘，一直傻瓜式操作即可。

2.安装完成后–cmd–输入以下指令
node -v 显示安装的nodejs版本
npm -v 显示安装的npm版本

3.替换淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm -v查看版本号

如果想更改node的安装路径，请看这篇文章,转载::
https://blog.csdn.net/qq_48485223/article/details/122709354

4.安装vue-cli脚手架
//全局安装脚手架
cnpm install -g @vue/cli
vue --version //查看版本号

Git的安装

直接看人家的吧：
转载
https://blog.csdn.net/mukes/article/details/115693833

1.5 mysql的安装:

１、打开下载的mysql安装文件mysql-5.5.27-win32.zip，双击解压缩，运行“setup.exe”。

２、选择安装类型，有“Typical（默认）”、“Complete（完全）”、“Custom（用户自定义）”三个选项，选择“Custom”，按“next”键继续。

3.填上安装目录，我的是“F:\Server\MySQL\MySQL Server 5.0”，也建议不要放在与操作系统同一分区，这样可以防止系统备份还原的时候，数据被清空。按“OK”继续。

4.点击安装

5.正在安装中，请稍候，直到出现下面的界面, 则完成MYSQL的安装

6.进入mysql的配置

Navicat的安装

安装Navicat for mysql,安装包在自己的前端工具箱里。

重点是破解：
找到这个文件,点击

选中已安装好的Navicat程序

出现弹窗,破解成功。

软装

剩下的就是一些自己平常使用的工具了
截图在这里,因为这里安装就想安装平常的软件一样,可以自己看着选择安装。