vue开发环境搭建步骤-Mac版

最新推荐文章于 2024-12-29 12:48:57 发布
最新推荐文章于 2024-12-29 12:48:57 发布
阅读量528 收藏 2
点赞数
CC 4.0 BY-SA版权
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hju22/article/details/89488667
本文详细介绍了在Mac系统中搭建Vue开发环境的步骤，包括Node.js的安装，使用淘宝镜像设置npm，安装webpack和vue-cli脚手架，以及如何新建并运行Vue项目，实现热加载功能。

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

文章目录

一、nodejs下载

1、nodejs下载
下载官网： http://nodejs.cn/
点击macOS安装包，点击保存文件
在这里插入图片描述在这里插入图片描述
2、验证nodejs是否安装成功
终端输入node -v，如下图所示，说明nodejs安装成功

node -v

在这里插入图片描述

二、安装淘宝镜像npm

1、终端输入这行，安装淘宝镜像npm

npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述
2、输入cnpm -v，查看安装的淘宝镜像,发现报错，是说我们需要改变文件的权限。
我们将报错的这行提示命令运行下，
然后重新运行镜像安装命令，
安装完成后查看镜像cnpm -v，发现没有报

最低0.47元/天 解锁文章

200万优质内容无限畅学
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
小韩的博客
09-09 1万+
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
Vue 01 - 搭建Vue开发环境
m0_53753920的博客
03-29 1057
Vue介绍就不多说啦，自行谷歌或者百度吧。接下去会介绍如何搭建Vue开发环境。
mac vue环境搭建详细教程
01-03
mac vue环境搭建详细教程，实际亲测可运行。
vue开发环境搭建Mac版
测试0901-1
03-28 237
1、安装brew 打开终端运行以下命令： /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2、安装成功后，查看一下brew的版本信息： brew -v 4、安装 淘宝镜像 （npm） npm...
Mac搭建Vue开发环境
weixin_30483495的博客
03-01 64
1.安装Homebrew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 2.安装完成后Homebrew查看版本信息 brew -v 3.安装node.js brew install nodejs 4.安装完成后查...
Vue开发环境搭建的详细教程，图文并茂
11-29
### Vue开发环境搭建详解 #### 一、Node.js 安装与配置 为了开始使用Vue进行前端开发，首先需要确保你的计算机上安装了Node.js。本文档提供了详细的步骤指导你如何在Windows环境下安装Node.js。 - **安装Node.js*...
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
使用Vue-cli可以快速搭建起一个Vue开发环境，而不需要从头配置Webpack等构建工具。 在构建Vue项目之前，我们需要具备一些前置知识，例如熟悉Webpack 4的基础使用和Vue项目的基本骨架搭建。这里需要注意的是，虽然...
前端开发Vue开发环境搭建全攻略：从0到1构建高效Vue项目开发体系
最新发布
06-25
文章详细讲解了搭建Vue开发环境的必要性和具体步骤，涵盖Node.js的安装、Vue.js的安装、Vue CLI的安装与配置、环境配置（如淘宝镜像配置）、常见问题及解决方案，以及创建并运行Vue项目的全过程。最后，文章还提及了...
Mac系统下搭建vue开发环境
qq_43647590的博客
06-08 2851
无
Macbook搭建vue开发环境
ImSeniorProgrammer的博客
04-17 8913
一、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开发环境搭建
u011498329的专栏
12-15 1204
mac上搭建vue开发环境： 在网上找了很多资料，顺序和成功率都不是很适合mac本地环境搭建，这边通过自己成功搭建完毕，特此罗列下教程，一回生二回熟，多创建几遍，自然就会熟能生巧； 具体好些参考了cnBlogs上“成长中的小牛”的博客操作步骤，特此感谢：https://www.cnblogs.com/pengjunhao/p/6798496.html 1、首先去nodejs官网下载node....
mac搭建vue环境超详细教程
flyestcoder的博客
05-06 321
mac搭建vue环境超详细教程 之前自己主要是做后端的工作，前端只用过jquery、jsp。最近公司有一个新项目，我决定使用前后端分离的架构，在vue、react、angular中选择了vue。公司的win环境已经搭建好了，自己的mac也准备搭建环境，如下图。 brew 终端中输入下列命令 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 这是我最先尝试
Vue 开发环境搭建（Mac 版）
SixSix的自留地
01-25 1532
Vue 开发环境搭建（Mac 版） 参考: https://www.jianshu.com/p/cc722eba1f46 https://www.runoob.com/w3cnote/vue2-start-coding.html https://www.cnblogs.com/wenjunwei/p/10078460.html 安装依赖 1. 安装 Brew /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/i
Mac快速搭建前端环境&创建前端项目【Vue】
weixin_45565886的博客
05-22 3464
Mac快速搭建前端环境&创建前端项目【Vue】
在mac上配置vue开发环境
hello world
02-25 1298
在mac配置vue开发环境基本流程如图1所示 1. 在mac上安装brew brew 是 Mac 下的一个包管理工具，作用类似于centos下的yum。 brew 可以用一条命令，就可以在mac上安装、卸载、更新各种软件包，因为brew的使用方便，如今已成为使用mac电脑的程序员的必备工具 如果mac没有安装brew，执行下面的命令安装 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebre...
MacOS手把手搭建vue开发系统（100%成功）
YJAsomeone的博客
12-29 3418
MacOS手把手搭建vue开发系统（homebrew安装以及node安装和环境变量配置中碰到的问题）
Vue 之 开发环境的搭建
qq_39513971的博客
10-09 1011
关于vue环境的搭建，这里强烈推荐官方命令行工具。这个命令行工具可快速下载一套基于vue.js开发的模板。里面不仅包含了最基础的vuejs的一个框架，而且还包含了vuejs打包的工具，以及测试的工具。所以非常的简单。• 如何安装vue.js的命令行工具NPMnpm是node的包管理工具。现在很多前端项目都会用到它，同时你是Windows系统的话，还需手动安装git，如果没有安装过node或者git的
前端开发日记——在MacBook上配置Vue环境
PleaSure乐事的博客
07-17 4845
如何在Mac上配置Vue环境，仅此一文，带你最快搭建环境
离线环境vue开发环境搭建步骤
09-10
离线环境下搭建Vue开发环境的步骤 1. 下载并安装Node.js：在离线环境中，需要事先准备好Node.js的安装包。首先，将安装包复制到离线环境中，并运行安装程序，按照指示完成Node.js的安装。 2. 安装npm：Node.js的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值