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

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

文章目录

一、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，查看安装的淘宝镜像,发现报错，是说我们需要改

最低0.47元/天 解锁文章
龟的小号
关注
专栏目录
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
小韩的博客
09-09 8585
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目（保姆级）
Vue开发环境搭建的详细教程，图文并茂
11-29
### Vue开发环境搭建详解 #### 一、Node.js 安装与配置 为了开始使用Vue进行前端开发，首先需要确保你的计算机上安装了Node.js。本文档提供了详细的步骤指导你如何在Windows环境下安装Node.js。 - **安装Node.js*...
mac vue环境搭建详细教程
01-03
mac vue环境搭建详细教程，实际亲测可运行。
vue开发环境搭建Mac版
测试0901-1
03-28 219
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开发环境
qq_43647590的博客
06-08 2806
无
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
使用Vue-cli可以快速搭建起一个Vue开发环境，而不需要从头配置Webpack等构建工具。 在构建Vue项目之前，我们需要具备一些前置知识，例如熟悉Webpack 4的基础使用和Vue项目的基本骨架搭建。这里需要注意的是，虽然...
ruoyi-vue环境搭建
03-28
在本文中，我们将详细探讨如何搭建`ruoyi-vue`开发环境，这是一个基于Vue.js的后台管理系统。首先，我们需要安装一系列的软件组件，包括Maven、DBeaver、JDK、Node.js以及Redis。接下来，我们将逐一介绍这些组件的...
Macbook搭建vue开发环境
ImSeniorProgrammer的博客
04-17 8543
一、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 1152
mac上搭建vue开发环境： 在网上找了很多资料，顺序和成功率都不是很适合mac本地环境搭建，这边通过自己成功搭建完毕，特此罗列下教程，一回生二回熟，多创建几遍，自然就会熟能生巧； 具体好些参考了cnBlogs上“成长中的小牛”的博客操作步骤，特此感谢：https://www.cnblogs.com/pengjunhao/p/6798496.html 1、首先去nodejs官网下载node....
mac搭建vue环境超详细教程
flyestcoder的博客
05-06 278
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 1477
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开发环境
hello world
02-25 1249
在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...
Vue 之 开发环境的搭建
qq_39513971的博客
10-09 987
关于vue环境的搭建，这里强烈推荐官方命令行工具。这个命令行工具可快速下载一套基于vue.js开发的模板。里面不仅包含了最基础的vuejs的一个框架，而且还包含了vuejs打包的工具，以及测试的工具。所以非常的简单。• 如何安装vue.js的命令行工具NPMnpm是node的包管理工具。现在很多前端项目都会用到它，同时你是Windows系统的话，还需手动安装git，如果没有安装过node或者git的
前端开发日记——在MacBook上配置Vue环境
最新发布
PleaSure乐事的博客
07-17 1701
如何在Mac上配置Vue环境，仅此一文，带你最快搭建环境
Mac电脑搭建vue开发环境的流程
gyueh的博客
06-24 643
进入https://nodejs.org/en/download/网站下载node安装包 打开终端----输入node -v(目的:看安装的node版本，有的话则表示node安装成功) 切换至目标文件夹 输入命令npm config set registry https://registry.npm.taobao.org----敲回车 输入命令npm install vue-cli -g 输入命令npm install chromedriver --chromedriver_cdnurl=http:.
Mac快速搭建前端环境&创建前端项目【Vue】
weixin_45565886的博客
05-22 2260
Mac快速搭建前端环境&创建前端项目【Vue】
vue初体验1：新建vue3项目并启动访问（mac）
小浪与艳花
07-05 4786
HBuilderX集成了多种开发工具和语言，包括HTML、CSS、JavaScript、TypeScript、Vue.js、React等，可以帮助开发者更高效地进行Web前端开发。可以快速构建vue的工具，自动安装vue所需要的插件，避免手动安装各种插件，以及寻找各种cdn并一个一个引入的麻烦。2、集成了多种调试工具和模拟器，可以在不同的设备和浏览器上进行实时调试和预览，有助于更快的定位和解决问题。3、有多种代码重构和自动化工具，如代码格式化、自动缩进、自动补全等，有助于更规范和高效地编写代码。
离线环境vue开发环境搭建步骤
09-10
离线环境下搭建Vue开发环境的步骤 1. 下载并安装Node.js：在离线环境中，需要事先准备好Node.js的安装包。首先，将安装包复制到离线环境中，并运行安装程序，按照指示完成Node.js的安装。 2. 安装npm：Node.js的安装包中已经集成了npm（Node Package Manager），因此在安装Node.js的过程中也会自动安装npm。 3. 下载Vue CLI脚手架：在离线环境中，需要提前下载Vue CLI的安装包。可以从Vue CLI的官方GitHub页面上下载对应的版本的安装包，并将其复制到离线环境中的合适目录下。 4. 安装Vue CLI：在离线环境中，可以使用本地已下载的Vue CLI安装包来安装Vue CLI。打开命令行工具，进入到Vue CLI安装包所在的目录，使用以下命令安装Vue CLI： ``` npm install -g @vue/cli-4.5.9.tgz ``` 安装完成后，可以通过以下命令验证Vue CLI是否安装成功： ``` vue --version ``` 5. 创建Vue项目：在离线环境中，可以使用Vue CLI创建一个新的Vue项目。在命令行工具中，进入到项目所在的目录，使用以下命令创建一个新的Vue项目： ``` vue create my-app ``` 其中，`my-app`为项目的名称，可以根据实际需要自行设置。 6. 运行项目：创建完成后，进入到项目的目录中，使用以下命令运行项目： ``` cd my-app npm run serve ``` 运行成功后，可以通过浏览器访问`http://localhost:8080`查看项目运行效果。 通过以上步骤，在离线环境中就可以成功搭建Vue开发环境，并创建和运行一个Vue项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值