Mac OS下安装Vue完整步骤

文章目录

一、安装brew
二、安装node js
- 2.1 自动安装
- 2.2 手动安装
三、安装vue
四、vue开发工具

一、安装brew

首先安装brew，已经安装的则跳至下一步

/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://raw.githubusercontent.com这个域名被国内和谐了，但是我们可以通过真实ip来进行访问。

在https://www.ipaddress.com/查询raw.githubusercontent.com的真实IP。
修改hosts

sudo vim /etc/hosts

添加如下内容

199.232.68.133 raw.githubusercontent.com

如果仍然报错：

remote: Enumerating objects: 49, done.
remote: Counting objects: 100% (49/49), done.
remote: Compressing objects: 100% (49/49), done.
error: RPC failed; curl 18 transfer closed with outstanding read data remaining
fatal: The remote end hung up unexpectedly
fatal: early EOF
fatal: index-pack failed
Failed during: git fetch origin --force

我们可以先ping一下github.com看看是否通，如果不通则同上述处理，只不过这次使用github.com的真实域名。

如果还是不行的话，也别费那个劲了，直接跳过这步，使用下面手动安装就行了。

也可以参考下面的文章：M1芯片的Mac安装homebrew

二、安装node js

两种方式自己选择

2.1 自动安装

终端直接执行

brew install nodejs

因为我的已经装过nodejs，所以最后面提示可以使用reinstall

添加权限

sudo chmod -R 777 /usr/local/lib/node_modules/

2.2 手动安装

访问nodejs官网，点击Current 区域稳定版，并下载https://nodejs.org/en/
下载之后，直接点击运行，一路默认就行，直到安装完成。
终端输入查看版本号，是否安装成功。

npm -v
node -v

三、安装vue

终端输入安装vue

npm i -g vue

安装vue-cli

npm install -g vue-cli

安装webpack

npm install -g webpack

1、如果前面几步操作出现问题，可以重复的操作几遍，因为可能是你的网络问题

2、如果提示日志文件报错，就找到日志文件删除，重新输入操作命令即可；

创建vue项目

vue init webpack myvue

四、vue开发工具

vue开发工具有很多，对比就不在这说了，这里以WebStorm为例。

下载WebStorm，https://www.jetbrains.com/webstorm/download/#section=mac
下载完压缩包直接解压安装就能使用了。

—————————————————————————————————

创建第一个程序HelloWorld！

Mac OS下安装Vue完整步骤相关推荐

Mac系统下安装MySQL详细步骤
Mac系统下安装MySQL详细步骤. 每次打开终端,都出现mysql 找不到的情况,这是因为路径问题. 解决办法.
mac笔记本安装mysql_mac下安装MySQL完整步骤（图文详情）
原文摘自:http://www.jb51.net/article/103841.htm 最近使用Mac系统,准备搭建一套本地web服务器环境.因为Mac系统自带PHP和apach,但是没有自带mysq ...
Mac OS下安装串口调试工具minicom
最近在做一个Mac下的ssh调试工具,但是出现了一点问题.后来发现居然Mac下有串口调试工具可以用,所以果断换串口了,是普通PL2303芯片的usb转串口线. 接下来说下简单的安装步骤吧.我是勤劳的搬 ...
Mac OS下安装mysql及其简单使用
一.MySQL安装到MySQL官网上http://dev.mysql.com/downloads/mysql/,下载mysql可安装dmg版本比如:Mac OS X ver. 10.9 (x86, ...
Mac OS下安装tomcat并设置服务开机启动
Mac mini 是苹果的服务器端产品,预装服务器版本OS X,许多中小企业使用其搭建服务器,具有小巧美观,携带方便的优点.Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应 ...
Mac OS下安装ffmpeg和ffplay(简单版)
前言 FFmpeg是一套可以用来记录.转换数字音频.视频,并能将其转化为流的开源计算机程序. 采用LGPL或GPL许可证. 它提供了录制.转换以及流化音视频的完整解决方案. 它包含了非常先进的音频/视 ...
CentOS下安装JDK完整步骤
1.检查一下系统中的jdk版本 [root@localhost software]# java -version 显示: openjdk version "1.8.0_102" O ...
Mac OS 下安装 MacVim
2019独角兽企业重金招聘Python工程师标准>>> 参照这篇: http://canx.me/tag/macvim/ 安装,$PATH 用 /usr/local/bin (参考: ...
Mac os下安装brew
1.首先没下载xcode,请先安装xcode,安装的继续往下面看 2.安装brew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubuser ...