前言

后期WinMac两配置逐渐合并
Win配置记录
Mac配置记录

我的环境变量配置文件用的是 zshrc
Zsh与Bash的区别是什么?
Apple Silicon软件适配进度查询

一、MyMac常用软件列表：

二、✅ Homebrew

通过brew安装的所有软件在 /opt/homebrew/Cellar 目录下

Homebrew安装教程

1、查看版本：brew -v
2、安装软件：brew install AppName
4、查看已安装软件：brew ls
3、卸载任软件：brew uninstall AppName

三、✅ Xcode Comand Line Tools()

1、安装方式：安装完整homebrew时会提示安装
2、查看版本：brew -v

四、✅ Git与Git-gui安装

Git以及Git-gui安装教程

1. git 用 brew install git 命令安装，git官网

1、安装方式：用brew install git命令安装
2、查看版本：git --version

2. git 可视化工具 git-gui

1、安装方式：用brew install git-gui命令安装
2、查看版本：git-gui --version

五、✅ Nvm与Node.js安装

Nvm是Node版本管理工具，可以安装多个node并自由切换
Nvm安装教程
安装与配置

1、安装方式：用brew install node命令安装
2、查看版本：node -v

六、✅ Npm/Yarn安装

1. Npm安装与配置

1、安装方式：node自带
2、查看版本：npm -v

2. Yarn安装与配置

1、安装方式：npm install -g yarn
2、查看版本：npm -v

七、✅ MySQL安装与配置

MySQL安装教程

1、安装方式：node自带
2、查看版本：mysql --version

八、✅ MongoDB安装与配置

MongoDB安装教程

查看版本：mongod -version
// 使用 mongod 来启动服务， 通过 --config 或 -f 命令来使用配置文件
mongod --config opt/homebrew/etc/mongod.conf
mongod -f opt/homebrew/etc/mongod.conf

九、✅ 脚手架搭建

1、✅ Vue脚手架搭建—国内流行

//1、如果版本是低于3.X，那么卸载脚手架，安装最新的。
npm uninstall vue-cli -g  
//2、安装（脚手架工具）
// 1.装脚手架工具的3.x/4.x
npm install -g @vue/cli
// 2.桥接2.X（兼容脚手架2.X）
npm install -g @vue/cli-init 
//3、查看版本：
vue -V 
//4、创建项目：使用脚手架搭建项目（文件夹）
// 1.如果想搭建版本 v3.x/4.x
vue create 项目目录
// 2.如果想搭建版本 2.X
vue init webpack 项目目录

配置详解：https://www.jianshu.com/p/9f1bb706311a

2、✅ React脚手架搭建—国内大厂流行

安装

1.安装方式：npm install -g create-react-app //一般5.0.0版本便可
2.查看版本：create-react-app --version
3.创建项目：create-react-app 项目文件名 //项目文件名不能有大写字母

创建项目时如遇到以下报错

You are running `create-react-app` 5.0.0, which is behind the latest release (5.0.1).

We no longer support global installation of Create React App.

Please remove any global installs with one of the following commands:
- npm uninstall -g create-react-app
- yarn global remove create-react-app

The latest instructions for creating a new app can be found here:
https://create-react-app.dev/docs/getting-started/

只需要卸载当前版本重新安装即可

卸载
npm uninstall -g create-react-app
安装
npm install -g create-react-app

3、✅ svelte脚手架搭建—无运行时

4、✅ Angular脚手架搭建

1.安装方式：npm install -g @angular/cli
2.查看版本：ng version 或者ng v
3.创建项目：ng new 项目文件名
4.运行项目：ng serve --open // --open可简写为 -o，会自动打开你的浏览器

5、✅ Umi脚手架搭建

Umi快速入门
yarn安装Umi后 umi -v不提示版本号问题

1.安装方式：npm install -g umi 或者yarn global add umi
// yarn安装Umi后 umi -v不提示版本号问题 是需要将yarn/bin添加到全局变量 
2.查看版本：umi -v 
// 创建前不同的是需要自己手动先创建项目文件夹
3.创建项目：npm 或 yarn create @umijs/umi-app  
// 创建项目后umi还需要自己安装依赖
4.安装依赖：npm install 或 yarn 或 yarn install

6、✅ Dav脚手架搭建

Dav快速入门

1.安装方式：npm install dva-cli -g
2.查看版本：dva -v
// 通过 npm 安装 dva-cli 并确保版本是 0.9.1 或以上。
// 进入项目目录创建
3.创建项目：dva new 文件名

十、✅ Linux配置Nginx

linux+Nginx配置教程
服务器免密SSH登陆

1.查看Nginx服务器状态：sudo systemctl status nginx    //1.绿色代表服务正在运行 2.白色代表服务器已停止 3.红色代表服务器故障 4.退出状态显示进入命令行：按Q键
2.停止nginx服务器：sudo systemctl stop nginx  // 使用Nginx命令停止Nginx：sudo nginx -s stop
3.启动nginx服务器：sudo systemctl start nginx  // 使用Nginx命令启动Nginx：sudo nginx -s restart
4.查看版本：nginx -v

十一、✅ Mac brew安装Nginx与配置

brew安装Nginx并配置

1.安装方式：brew install nginx
2.查看版本：nginx -v
3.启动服务：sudo nginx
4.停止服务：sudo nginx -s stop

十二、❌ Web3.0—ing

1. Solidity语言文档
2. 了解DApp
3. 了解hardhat框架
4. web3.js中文文档
5. Web3.0开发入门
6. web3开发DApp项目技术入门教程（2022年最新）
7. Web3.js基于以太坊的Javascript AP
8. Web3.js API 中文文档
9. Web3.js的基本使用（与以太坊智能合约的交互）

十三、✅ flutter安装与配置

0. Flutter安装配置教程—kalrry—ing
1. Flutter 开发手册
2. Flutter该怎么学
3. flutter学习
4. M1芯片Mac搭建Flutter开发环境
5. Mac m1 芯片配置FLutter
6. Flutter是谷歌的移动UI框架
7. 他的编程语言是Dart，它的语法类似C++，可以转译为JavaScript

十四、✅ Docker安装与配置

安装Docker

十五、✅ NTFS安装与配置

NTFS磁盘读写工具安装教程
Omi NTFS安装(目前免费)

十六、❌ WebGis/2D/3D

传送门

十七、❌ WebGL

了解Three.js

1. 学习参考
2. 学习参考
3. Webgl中文网参考
4. 图解WebGL与Threejs工作原理

十八、✅ Python与PySide6安装与配置

Python安装教程

//PySide6安装
pip install pyside6
//不出意外的话就会出现意外---下载速度超慢并且还会超时链接失败
//解决方案：断开网连接手机热点会发现速度飙升

十九、✅ GoLang安装与配置

GoLang安装与配置

二十、✅ Java安装与vscode配置

java安装教程

//测试是否安装成功
java -version

二十一、✅ VSCode配置/调试C/C++环境

配置/调试教程

二十二、✅ Windows下Qt Creator安装与配置

ing