欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Mac开发软件安装

程序员文章站 2022-07-12 10:02:32
...

Mac软件安装

鉴于软件安装各种暗坑,踩了爬不出来。特地将使用到的软件安装记下来,持续更新…

Mac下面 homebrew 是非常方便的,常用的安装方式就是终端输入

brew search [软件名]       //搜索要安装的软件
brea install [软件名]      //安装

通用软件

1. Utools:推荐指数 ☆☆☆☆☆

一款超强全局工具

官方地址:https://u.tools/

类似于mac的聚焦搜索,当你习惯用 option + space 唤出搜索框,然后随意搜索自己电脑所有软件的方便后。 Mac底下的程序坞,可以非常清爽,最主要是用着真的爽,win和mac都能用

除了能打开本机电脑软件之外,还有各种开发插件 json,图床等。 还支持自定义插件。 用着非常舒服

Mac开发软件安装

2. OneNote: 推荐指数☆☆☆☆☆

微软出品的一款办公型笔记 , 可以方便的列清单list,图片,表格无缝衔接

3. Mybase: 推荐指数 ☆☆☆

好用的本地笔记管理

对于笔记软件来说,仁者见仁,各个笔记软件优劣不一。 Mybase的侧重点,更倾向于大量笔记记录着,可以方便的管理,并可以建各种索引。

目前还在探索中

1. 前端相关

1.1 Nvm

NVM: Node version manager, node版本管理器

  1. 终端输入brew install nvm

Mac开发软件安装

  1. nvm -V 检测是否安装成功,如果出现版本号就证明成功了。

  2. 如果出现zsh: command not found: nvm 就要继续设置(如上图提示那样两步)

    1. mkdir ~/.nvm //新建文件夹

    2. vim ~/.zshrc //打开配置文件,将下面的文件配置进去,保存。

      export NVM_DIR="$HOME/.nvm"
        [ -s "/usr/local/opt/nvm/nvm.sh" ] && . "/usr/local/opt/nvm/nvm.sh"  # This loads nvm
        [ -s "/usr/local/opt/nvm/etc/bash_completion" ] && . "/usr/local/opt/nvm/etc/bash_completion"  # This loads nvm bash_completion
      
    3. 再输入 nvm -V 就可以看到版本号了

    设置nvm国内镜像

    echo "export NVM_NODEJS_ORG_MIRROR=https://npm.taobao.org/mirrors/node" >> ~/.bashrc
    
    source ~/.bashrc
    

1.2 Node.js

有两种方法

  1. 可以直接 brew install node
  2. 使用nvm安装node

这里我们采用第二种

nvm ls-remote: 获取所有版本号

Mac开发软件安装

挑一个版本号(一般选最新的),然后

nvm install 13.0.0   

[推荐]nvm install stable   直接安装稳定版本

直接安装成功后

Mac开发软件安装

这里有个提示,nvm和npm的 prefix 即路径前缀不兼容,按照提示运行

nvm use --delete-prefix v13.12.0

然后在 node --version 就可以看到版本号

这里注意:安装完node,npm也就安装了,然后配置下镜像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

1.3 Vue

笔者这里采坑比较多,因为早些时候安装了vue-cli2,然后最近想装vue-cli3及后面版本,安装之后,一直使用的老版本,然后将vue卸载了,老版本一直在。 照着网上的教程,胡乱删了一通,没有什么效果。

正常安装

npm install vue

npm install vue-cli

成功后查看版本号,如果出现版本号就证明成功了。

vue -V

采坑事件

由于我之前胡乱删了些文件,所以也不确定该做什么操作。

Mac开发软件安装

输入后报错,应该是之前删掉了 package.json文件

解决办法:

npm init        //重置下

然后就可以安装了

npm install -g @vue/cli

然后就可以愉快的用最新的vue客户端创建项目了

vue create [项目名]
相关标签: 工具安装