mac运行vue_Mac 版本vue 运行

本文分享了作者在重新部署Vue项目过程中遇到的各种错误及解决方法,包括安装brew、node,处理webpack-dev-server权限问题,以及解决NodeSass不支持当前环境等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

运行vue项目报错,花了一天时间才解决。之前安装过 brew和node    vue项目也跑起来了。然后有段时间出差就把vue的项目删了,整了下cocoapods,后来两个月后 又要跑vue项目,结果一直报错,一直就解决不了,然后之前刚开始搞vue项目 写过安装 brew和node的博客,然后就重头来了一遍,果然还是之前的步骤好使,记录下。

1.安装 brew

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

2.安装node

执行语句: brew install node

如果一直失败,Failed to download resource "node"

先执行:  sudo chown -R $USER:admin /usr/local/*

后执行:  brew install node

3.报错出现 .bin/webpack-dev-server permission denied 错误解决方法

是 提示权限问题

解决方法:

sudo npm install webpack -g

sudo npm install webpack-dev-server -g

4.报错出现 Error: Node Sass does not yet support your current environment: OS X 64-bit with Unsupported runtime

解决方法:

update你的sass版本即可(我自己执行的更新的语句,没有走下面的卸载重装):

npmrebuildnode-sass

或者自己手动升级:

1.先卸载

npmuninstall--savenode-sass

2.清除缓存

npmcacheclean-f

3.升级node-sass模块

npminstall--savenode-sass

最后就解决了。

<think>好的,用户想在Mac上搭建和运行Vue项目,我需要根据提供的引用内容来整理步骤。首先,我得确认用户的需求是完整的开发环境搭建和项目运行流程。 根据引用[1],需要安装Homebrew、Node.js、npm、webpack和vue-cli。Homebrew是包管理器,安装其他工具的基础。然后通过Homebrew安装Node.js和npm,因为npm是随Node.js一起安装的。接着可能需要配置淘宝镜像,如引用[3]提到的,使用npm config set registry来加速依赖下载。 接下来,安装vue-cli,这是创建Vue项目的脚手架工具。引用[1]中提到vue-cli用来生成模板工程,所以需要全局安装。然后,创建项目的过程应该是vue create project-name或者使用vue init,不过现在Vue 3可能更推荐使用create-vue或者vue-cli的最新版本,需要确认正确的命令。 运行项目的话,通常是用npm run serve,这应该在项目目录下执行。同时,引用[2]提到验证环境成功,可能包括node -v和npm -v的检查,确保安装正确。 需要注意的是,用户可能遇到权限问题,比如安装全局包时的权限错误,这时候可能需要使用sudo或者修改npm的默认目录权限。另外,配置镜像源是为了解决国内下载慢的问题,引用[3]中的淘宝镜像设置是必要的步骤。 还有,引用[2]中提到了Mac搭建springboot+vue项目,但用户的问题可能只关注Vue部分,所以可以忽略Spring Boot相关的内容。综合所有引用内容,步骤大致分为安装环境、配置镜像、安装Vue CLI、创建项目、运行项目这几个部分。 需要检查步骤是否完整,是否有遗漏,比如是否要安装webpack?实际上,vue-cli已经内置了webpack配置,可能不需要单独安装。另外,是否需要安装Git?因为vue-cli可能会依赖Git来拉取模板,但引用中没有提到,可能需要补充。 确保每一步都有对应的命令,并且顺序正确。比如先安装Homebrew,再安装Node.js,再配置npm镜像,再安装vue-cli,最后创建和运行项目。可能还需要提醒用户如果遇到错误该怎么处理,比如权限问题或者依赖安装失败。 最后,生成相关问题时要围绕Vue环境搭建,比如环境变量配置、项目结构、常见错误处理等。</think>### 如何在 Mac 上搭建和运行 Vue 项目 以下是基于引用内容的详细操作步骤,分阶段说明: --- #### **1. 安装基础工具** - **Homebrew(包管理器)** 在终端执行以下命令安装: ```bash /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)" ``` 验证安装:`brew --version`[^1]。 - **Node.js 和 npm(运行环境与包管理)** 通过 Homebrew 安装: ```bash brew install node ``` 验证安装: ```bash node -v # 查看 Node.js 版本 npm -v # 查看 npm 版本 ```[^2] --- #### **2. 配置 npm 镜像(加速依赖下载)** 为避免国内网络限制,建议切换为淘宝镜像: ```bash npm config set registry http://registry.npmmirror.com ``` 验证配置: ```bash npm config get registry # 应返回淘宝镜像地址 ```[^3] --- #### **3. 安装 Vue CLI(项目脚手架工具)** 全局安装 Vue CLI: ```bash npm install -g @vue/cli ``` 验证安装: ```bash vue --version # 应显示版本号(如 @vue/cli 5.x.x) ```[^1] --- #### **4. 创建 Vue 项目** - **初始化项目** 使用以下命令创建新项目(替换 `my-project` 为实际项目名): ```bash vue create my-project ``` 按提示选择配置(推荐默认配置)。 - **进入项目目录** ```bash cd my-project ``` --- #### **5. 运行 Vue 项目** 启动开发服务器: ```bash npm run serve ``` 终端会显示本地访问地址(如 `http://localhost:8080`),浏览器打开即可预览。 --- #### **6. 项目构建与部署** 生成生产环境代码: ```bash npm run build ``` 构建后的文件位于 `dist/` 目录,可直接部署到服务器。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值