mac 安装 vue环境及遇到的报错

1.安装brew(3个方案)

方案一:

brew 是 Mac 下的一个包管理工具,作用类似于 centos 下的 yum。 brew
可以用一条命令,就可以在mac上安装、卸载、更新各种软件包。 安装命令:/usr/bin/ruby -e “$(curl -fsSL
https://raw.githubusercontent.com/Homebrew/install/master/install)”
如果提示你:Failed to connect to raw.githubusercontent.com port 443:
Connection refused 那么:
在https://www.ipaddress.com/查询raw.githubusercontent.com的真实IP。
修改hosts:sudo vim /etc/hosts 添加:185.199.108.133
raw.githubusercontent.com 再次执行安装命令,中间遇到提示直接按enter键继续。

在这里插入图片描述
在这里插入图片描述
查看是否安装成功:
在这里插入图片描述

brew用法: brew list # 查看安装的软件 brew search # 查看有没有需要的版本 brew install
thrift@0.9 # 安装指定版本的包 brew install # 安装指定包 brew upgrade
# 更新指定包 brew remove # 卸载指定包

查看brew把软件安装在哪: brew安装软件后

  1. 配置文件在/usr/local/etc中
  2. 安装文件在/usr/local/Cellar中
  3. 二进制可执行程序的软连接在/usr/local/bin中 例如: 一般情况是这么操作的: 1、通过brew install安装应用最先是放在/usr/local/Cellar/目录下。
    2、有些应用会自动创建软链接放在/usr/bin或者/usr/sbin,同时也会将整个文件夹放在/usr/local 3、可以使用brew
    list 软件名确定安装位置。 比如查找安装opencv 在那个位置 可以在mac终端直接输入 brew list opencv
    此处参考链接:https://blog.csdn.net/qq_36955294/article/details/109499480

方案二:
直接执行安装命令:/bin/zsh -c “$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)”

方案三:

https://www.jianshu.com/p/3f7a6bd2a787

2. 安装notejs
命令:brew install nodejs
如遇报错:Homebrew安装软件出现无写入权限报错及解决方案,报错信息里也会提示解决方案
在这里插入图片描述
查看是否安装成功:
node -v
在这里插入图片描述
获取取node安装路径:which node. --> /usr/local/bin/node
获取nodejs模块安装目录访问权限: sudo chmod -R 777 /usr/local/lib/node_modules/ —> 注意换成自己路径,参考上边一条
安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org
npm: 包管理工具,国外服务起,所以安装淘宝镜像,可以使用cnpm命令来装包
3. 安装webpack
cnpm install webpack -g
4. 安装vue脚手架
cnpm install vue-cli -g
5.创建vue项目
cd到指定目录下,创建vue项目
vue init webpack 工程名字<工程名字不能用中文>

pycharm中编辑vue项目:

1.命令行先创建vue项目:vue init webpack chezhuvue
成功后会有提示,然后cd进目录。
2. pycharm中安装vue.js插件,同时languages & rameworks设置里,javascript 选择 ECMAscript6
3. pycharm打开创建好的vue项目
4. 命令行: npm run dev
5. 浏览器中打开上一步网址
在这里插入图片描述
在这里插入图片描述

 

报错1:

macOS使用Homebrew安装包失败,报错:tar: Error opening archive: Failed to open

首先在命令行输入unset HOMEBREW_BOTTLE_DOMAIN,再执行安装命令即可。
 
报错2:

Error: read ETIMEDOUT
at TLSWrap.onStreamRead (node:internal/stream_base_commons:211:20)

解决:

sudo npm install -g @vue/cli --unsafe-perm

posted @ 2022-07-23 12:40  Οo白麒麟оΟ  阅读(759)  评论(0编辑  收藏  举报