Mac 安装vue 搭建开发环境

最新推荐文章于 2024-10-15 22:22:16 发布
原创 最新推荐文章于 2024-10-15 22:22:16 发布 · 586 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #Mac #安装

本文详细介绍了如何在Mac操作系统中安装Vue开发环境。首先从Node.js官网下载并安装最新版本，确保/usr/local/bin在$PATH中。接着配置环境变量，修改安装目录权限。然后安装淘宝镜像cnpm，并全局安装vue-cli。在安装webpack时可能需要sudo权限。最后，通过vue init创建Vue项目，并使用npm run dev启动项目，本地服务器将在http://localhost:8080显示结果。

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

1下载安装node

官网：https://nodejs.org/en/download/

 

下载后的文件为：node-v12.10.0.pkg，双击安装

一路继续，直到安装完成，点击“关闭”

（命令）安装路径

 /usr/local/bin/node
npm   to /usr/local/bin/npm
Make sure that /usr/local/bin is in your $PATH.

安装目录 /usr/local/lib/node_modules/

更改对安装目录的操作权限

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

2、配置环境变量

（这一步一定要做，不然后面安装Vue脚手架的时候就会出现错误）

最低0.47元/天 解锁文章

200万优质内容无限畅学
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
小韩的博客
09-09 1万+
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
Macbook搭建vue开发环境
ImSeniorProgrammer的博客
04-17 8924
一、Vue2.0推荐开发环境 注：上面的图片转自Vue2.0 新手入门 — 从环境搭建到发布 本人使用的各个工具的版本为： Homebrew 3.4.6 node.js v17.9.0 npm 8.5.5 cnpm: webpack 3.2.0 Vue 2.8.2 一、安装brew 1、打开终端运行以下命令： /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)" .
mac vue环境搭建详细教程
01-03
mac vue环境搭建详细教程，实际亲测可运行。
Mac 安装 vue3 环境
qq_61842012的博客
06-18 5619
Mac 如何配置 vue3 环境并使用ui 界面/ vscode 管理你的vue 项目。本教程仅适用于了解网络长城且会魔法的用户，配置全程需要稳定连接真正的互联网，否则你会因由于下载 nodejs 而绑定下载的 npm 包时遇到漫长的等待时间......
Mac系统下搭建vue开发环境
qq_43647590的博客
06-08 2851
无
Mac安装Vue
qq_68384595的博客
03-29 3974
随着学习的进程，也是从web学习到了Vue，vue是一个渐进式框架但是在安装的同时也有很多的问题，下面让我们来一起看一下小编遇到的问题吧提示：以下是本篇文章正文内容，下面案例可供参考以上就是我在装vue的时候的教程和安装时候的问题和解决的办法，希望有用mac的小伙伴可以用到我说说的。不会的也可以给我发私信询问我。
在Mac上配置Vue开发环境
九天的学习历程
01-08 1264
在Mac中安装NodeJS通过brew包管理器就会很方便, 因为访问源速度问题建议使用5（阿里），Homebrew开源项目地址：https://gitee.com/cunkai/HomebrewCN/blob/master/README.md。ps:很多人用npm install vue-cli -g 命令，安装的都是2.9.6版本，最新的版本安装命令是“npm install -g @vue/cli”；因为改变了全局安装路径，所以需要配置环境变量，不然出现新安装的工具命令找不到的问题。
Mac快速搭建前端环境&创建前端项目【Vue】
weixin_45565886的博客
05-22 3511
Mac快速搭建前端环境&创建前端项目【Vue】
Mac 12 安装VUE 开发环境
weixin_41636021的博客
11-28 739
在mac 12上安装vue开发环境
Mac 安装 vue 环境
且听风吟的博客
11-03 545
Mac 安装 vue 环境
Mac下安装vue
08-27
本文给大家详细介绍了Mac下安装vue的方法，本文图文并茂给大家介绍的非常详细,需要的朋友可以参考下
mac vue开发环境搭建
任我行的博客
04-18 666
一、vue.js开发环境 安装 brew，这个简单，直接执行远程脚本 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 安装 nodejs, brew install nodejs 安装淘宝镜像，国内直接使用 npm 的官方镜像是非常慢的，所...
macOS 安装vue环境 和 node.js
captain_GW的博客
05-24 564
目录 1、首先安装node 2、安装vue-cli脚手架 1、首先安装node Node.js下载 一步步安装 查询是否安装成功 在终端输入 node -v 2、安装vue-cli脚手架 1、安装淘宝镜像。 sudo npm install -g cnpm --registry=https://registry.npm.taobao.org 1、安装vue-cli sudo npm install ...
mac上安装vue
weixin_44904482的博客
03-23 2402
1. [node.js官网](https://nodejs.org/en/)下载对应安装包，下载成功后终端输入`node -v`输出对应版本。 2. 安装淘宝镜像，终端输入`sudo npm install -g cnpm --registry=https://registry.npm.taobao.org`，通过终端输入`cnpm -v`，返回版本号说明安装成功。 3. 安装Vue3，终端输入`sudo cnpm install -g @vue/cli`，完成后查看版本`vue -v`
mac安装vue
Iphone886的博客
04-20 968
1，先查看本机node.js版本： 　node -v 2，清除node.js的cache： 　sudo npm cache clean -f 3，安装 n 工具，这个工具是专门用来管理node.js版本的，别怀疑这个工具的名字，是他是他就是他，他的名字就是 "n" 　sudo npm install -g n 4，安装最新版本的node.js 　sudo n stable 5，再次查看本机的node.js版本： 　node -v 6，更新npm到最新版： sudo npm instal
在 macOS 上配置 Vue 环境：安装 NVM 和 NPM
最新发布
2302_79217117的博客
10-15 1101
本博客介绍了在 macOS 系统上配置 Vue.js 开发环境的详细步骤。首先，读者将学习如何安装 Node Version Manager (NVM)，以便轻松管理不同版本的 Node.js。接着，我们将介绍如何安装 Node.js 和 NPM（Node Package Manager），并验证它们的安装情况。最后，通过全局安装 Vue CLI，读者将能够创建和运行新的 Vue.js 项目，快速启动开发。通过这些步骤，开发者可以高效地管理开发环境，顺利开始 Vue.js 项目的开发工作。
Mac OS下搭建Vue运行环境
qq_34913864的博客
04-14 419
运行项目。
Mac安装vue搭建vue项目
Riqk_Qin的专栏
08-25 496
1.访问node.js官网：https://nodejs.org/en/下载对应安装包。 点击添加图片描述（最多60个字）编辑 2.安装完成，在终端输入 ： node -v 如果返回版本号，代表安装成功。建议安装之前给目录权限，至于怎么给目录权限，这里不做说明，网上有很多资料。 3.安装淘宝镜像 至于为何要安装淘宝镜像，因为有帐幕阻挡我们访问npm 的境外网站；好奇心强的朋友可以进行尝试，运气差的要很久、很久、有可能一晚上时间，别问我怎么知道的。 废话少说，在终端输入： npm inst
MAC 安装webpack 和 vue-cli 3.0
向荣的博客
08-07 724
MAC 安装webpack 和 vue-cli 3.0 1、我的brew有问题，但由于已使用brew安装了很多应用，所有这里我采用其他安装方式。 进node官网安装： http://nodejs.cn/download/ 安装完查看版本： node -v npm -v 查看webpack安装情况 webpack -v webpack安装指令 sudo npm install webpack -g --unsafe-perm=true --allow-root #安装web
Vue项目开发环境搭建及服务启动指南
在Vue.js项目中，npm和Webpack通常被用于管理依赖和构建项目，因此这两个知识点与Vue开发环境的搭建密切相关。 - 在开发Vue.js应用时，开发者会经常使用到npm install来安装所需的依赖，如Vue核心库、路由管理器...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值