前端开发环境全面配置 --- mac OS

Mac 开发配置

brew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

Oh My Zsh?

sh -c "$(wget https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh -O -)"

~/.zshrc 添加 source ~/.bash_profile

更改默认使用的 shell
查看可以使用的 shell, 使用命令?cat /etc/shells??查看当前默认使用的 shell?echo $SHELL??修改默认 shell 为 zsh?chsh -s /bin/zsh??退出 iterm,重新打开就可以了。

Homebrew+iTerm2+zsh

通过 whoami 命令,查看当前用户

Mac OS 终端利器 iTerm2

添加alias别名

出现zsh: command not found: xxx解决方法
source .zshrc

brew update 更新太慢 换镜像源

Nvm

不推荐brew安装nvm
安装nvm 前最好先安装git

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash

nvm github项目

Curl 安装nvm 卸载
rm -rf ~/.nvm

运行nvm还是出现command not found,那么请检查是否含有.bash_profile文件

  1. 安装之后,在.bash-profile中添加:(没有的话 touch ~/.bash-profile)
export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm 
  1. 执行 source ~/.bash_profile

nvm ls-remote. 查看可安装的node版本
nvm?alias?default 命令来指定一个默认(别名)的node版本...
nvm命令行操作命令

node

  1. -g package
  • @angular/cli
  • @vue/cli
  • create-react-app
  • webpack
  • gulp
  • grunt
  • http-server
  • yo (yeoman 暂不)
  • hexo-cli

?

  1. —save
  • qrcode. 用于将一些URL、文字、emojis等生成二维码,并将二维码保存成图片
  • js-cookie 顾名思义是操作cookie的,有了这个库让我们对cookie进行增删改查方便了很多。
  • cpr 用来将一个文件夹的文件拷贝到另一个文件夹。
  • ua-parser-js 这个库主要用于获取浏览器的一些信息。

mongoldb

brew install mongodb

mongod
mongo

vscode

Command + shift + p. 输入code

redis

mac上安装使用redis

mysql

推荐 Mac for MySQL 5.7 安装教程 https://www.cnblogs.com/kimbo/p/8724595.html

查看mysql 版本号。 mysql -V
Mac OS X 完全卸载MySQL
https://www.cnblogs.com/liyunfei0103/p/8053223.html
https://www.jianshu.com/p/9eababeec973
可命令行查找 find / -iname “mysql” 查找删除

添加mysql用户
CREATE USER ‘charblus‘@‘localhost‘ IDENTIFIED BY ‘123456‘;
CREATE USER ‘charblus‘@‘%‘ IDENTIFIED BY ‘123456‘;
GRANT ALL PRIVILEGES ON hive.* to ‘charblus‘@‘localhost‘ IDENTIFIED BY ‘123456‘;
GRANT select,create ON hive.* to ‘charblus‘@‘localhost‘ IDENTIFIED BY ‘123456‘;

vim ~/.bash_profile 加入PATH=$PATH:/usr/local/mysql/bin
source ~/.bash_profile

启动服务 mysql -u root -p
12345678

修改密码. SET PASSWORD FOR ‘root‘@‘localhost‘ = PASSWORD(‘newpass‘);

Mysql 启动报错

mac Access denied for user ‘root‘@‘localhost‘ (using password: YES)

[分析 解析](https://blog.csdn.net/qq_36675754/article/details/81381341)

注意: 初始没有密码。测试 mysql -u root -p 直接回车 能否通过(安装时我设了密码,但貌似没起作用)

mac下mysql 忘记密码

第一步:?
点击系统偏好设置->最下边点MySQL,在弹出页面中,关闭服务
???
第二步:?进入终端输入:cd /usr/local/mysql/bin/?回车后 登录管理员权限 sudo su?回车后输入以下命令来禁止mysql验证功能 ./mysqld_safe --skip-grant-tables &?回车后mysql会自动重启(偏好设置中mysql的状态会变成running)?
第三步:?输入命令 ./mysql?回车后,输入命令 FLUSH PRIVILEGES;?回车后,输入命令 SET PASSWORD FOR ‘root‘@‘localhost‘ = ‘你的新密码‘;

tree

默认tree命令是无法使用的,可以使用homebrew install tree安装。
如果直接使用tree,查看的目录里面含有中文字符的目录或文件时会出现汉字不能显示的问题,可以使用tree -N查看。

原文地址:https://www.cnblogs.com/yc8930143/p/10663853.html

时间: 2024-08-26 07:18:52

前端开发环境全面配置 --- mac OS的相关文章

[.net 面向对象程序设计深入](5).NET MVC 6.0 —— 构建跨平台.NET开发环境(Windows/Mac OS X/Linux)

[.net 面向对象程序设计深入](5).NET MVC 6.0 —— 构建跨平台.NET开发环境(Windows/Mac OS X/Linux) 1.关于跨平台 上篇中介绍了MVC的发展历程,说到.NET 5.0之后更名为 Core 1.0,同样MVC 6.0也是运行在Core 1.0(.NET 5.0)之下. 我们要进行开发和部署基于MVC 6.0的项目,首先要搭建他的开发环境. Core 1.0 是一个支持跨平台框架,下面分别介绍如何在Windows/Mac Os X/Linux下搭建开发

[xUnix 开发环境--01] MAMP mac os 10.10 配置经历、要点——01. phpmyadmin连不上

Mac OS 10.10已经自带了apache2和php(php的路径我至今还没不知道,太懒没去找) 用brew安装mysql, 在官网上下载了phpmyadmin,按官方方式配置完后,登录不上,也不提示任何错误码,只是说“无法登陆MySQL服务器” 查了很多方式,都没解决,因为别人的错误里面都有错误码,经过思考.... 觉得还应该是mysql服务器配置的问题,就查看了mysql的状态信息 使用mysql进入mysql命令行,然后使用 show variables; 查到默认安装的mySql的b

Lua开发环境搭建(Mac OS X)

1. 安装Rudix Rudix: http://rudix.org curl -O https://raw.githubusercontent.com/rudix-mac/rpm/2015.4/rudix.py sudo python rudix.py install rudix or even compressed in one-line: curl -s https://raw.githubusercontent.com/rudix-mac/rpm/2015.4/rudix.py | su

在Mac OSX下设置前端开发环境

以下内容将会详细介绍本人在MAC OSX下关于前端开发环境的安装和设置,如果您是前端开发人员,并且手上有个全新的或者重新安装过系统的mac,你可能会在以下内容里发现你所需要的东西. Google Chrome 几乎是每个前端开发者必备的浏览器,下载地址: https://www.google.com/chrome 一些常用到得Chrome插件: [JSON Formatter(显示格式化过得JSON文件)](https://chrome.google.com/webstore/detail/js

quick-cocos2d-x for mac开发环境安装配置

我的开发环境 操作系统:mac Cocos2d-x:v3.2 Cocos2d-lua(quick-cocos2d-x):v3.2-RC1 Cocos Studio:v2.0.2 Cocos Code IDE :v1.0.1(64bit) 安装步骤 安装Cocos2d-x 把下载好的cocos2d-x-3.2移动到工作目录 运行目录下的setup.py 更新环境变量source ~/.bash_profile 安装Cocos2d-lua 运行安装包quick-3.2rc1-mac.dmg 将安装好

【前端福利】用grunt搭建自动化的web前端开发环境-完整教程

jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过.但是不会熟练使用grunt,那你就真的真的真的out了(三个"真的"重复,表示重点).至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt.还有一点,它完全免费,没有盗版.既强大又免费的东西,为何不用? 当然了,你如果你能找到更好的替代grunt的其他工

用grunt搭建自动化的web前端开发环境

用grunt搭建自动化的web前端开发环境 jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过.但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表示重点).至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt.还有一点,它完全免费,没有盗版.既强大又免费的东西,为何不用? 当然了,你如果你

用grunt搭建自动化的web前端开发环境-完整教程

jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! 1. 前言 各位web前端开发人员,如果你现在还不知道grunt或者听说过.但是不会熟练使用grunt,那你就真的真的真的out了(三个“真的”重复,表示重点).至于grunt的作用,这里不详细说了,总之你如果做web前端开发,你一定要用grunt.还有一点,它完全免费,没有盗版.既强大又免费的东西,为何不用? 当然了,你如果你能找到更好的替代grunt的其他工具也是可以

【前端福利】用grunt搭建自己主动化的web前端开发环境-完整教程

jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用! 1. 前言 各位web前端开发者.假设你如今还不知道grunt或者听说过.可是不会熟练使用grunt,那你就真的真的真的out了(三个"真的"反复.表示重点). 至于grunt的作用,这里不具体说了.总之你假设做web前端开发,你一定要用grunt.另一点,它全然免费,没有盗版.既强大又免费的东西.为何不用? 当然了,你假设你能找到更好的替代grunt的其它工具