Mac系统安装vue-cli

最新推荐文章于 2024-06-05 17:42:46 发布
原创 最新推荐文章于 2024-06-05 17:42:46 发布 · 2k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Mac系统安装vue-cli

本文详细介绍如何安装Node.js和npm，并提供了安装Webpack的具体步骤，包括获取root权限的方法及使用npm进行全局安装的命令。

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

  1. 先要安装 Node.js 和 npm

  2. 自己在安装过程中出过一些错误，然后我就先安装了 webpack，首先是获取root权限

    sudo -s
npm install webpack -g

  3. 安装脚手架（一次不成功就多试几次）

    npm install -g @vue/cli
Macbook 苹果电脑 安装搭建Vue脚手架教程m1芯片Vue脚手架初学
No1banana的博客
05-05 8963
Macbook 苹果电脑 安装Vue脚手架教程 1.首先我们进入Node.js的官网，下载安装Node.js 如果你已经安装过可以忽略 网址http://nodejs.cn/ 2.直接点击下载，这里我下载的是18版本最新版的。 3.选择macOS版本后会直接下载 4.下载完成后直接点击安装即可 5.Node.js安装完成后接下来我们打开电脑的终端 6. 然后我们进入Vue的官网 https://cn.vuejs.org/ 7. 在*生态系统*处找到*Vue CLI*选项点击进入 8.点击‘起步’
Mac安装Vue-cli和更新Vue-cli
weixin_46058038的博客
01-15 4095
Mac安装Vue-cli 查看自己的Max电脑是否有安装Vue-cli （1）没有安装的情况 打开命令窗口 输入 Vue -V 有出现版本号 表示已经安装。 出现????的情况表示没有安装 开始安装Vue-cli，打开命令终端，输入命令 Cnpm install -g @vue/cli 注意：这里使用的cnpm，需要安装插件，但是也可以使用npm镜像进行安装，但是速度会很慢，想知道原因的可以自己百度了解一下， 安装cnpm的命令，直接打开命令终端，复制，粘贴 $ sudo npm install -
超详细Mac安装vue cli
最新发布
EverythingDone的博客
06-05 1437
TIP 2：执行 npm install -g @vue/cli 之后出现了图片内的错误是npm ERR!解决方法是清除npm缓存，命令如下：npm cache clean --force，在不行安装最新node版本。TIP 1：代表npm版本过低，需要升级下npm，直接输入sudo npm install -g npm@10.8.1 回车即可。TIP 3：执行 npm install -g @vue/cli 之后出现了图片内的错误npm ERR!可以使用sudo命令来提升执行npm或yarn命令的权限。
Vue学习 之 MacOS 安装 vue-cli
竹毛言己
06-13 3686
vue-cli（Vue Command Line Interface）是Vue.js官方提供的一个脚手架工具，它提供了一些命令，可以帮助我们创建基于Vue.js的项目模板，快速开发Vue.js单页面应用（SPA）。使用vue-cli可以配置构建工具、插件、路由、状态管理等等，可以大大提升开发效率，减少重复操作。
Mac上安装Vue脚手架（CLI）
Delong-IT
03-04 1670
以上步骤应该可以帮助您在Mac上安装和配置Vue脚手架。如果您使用的是较旧的Vue CLI版本（如2.9.6），可能需要使用。来检查是否安装了Node.js。如果输出了版本信息，表示已经安装成功；来创建一个新的Vue项目。来全局安装Vue CLI。这将在用户级别安装脚手架工具，使得可以随时使用。这样会启动一个本地服务，并在浏览器中展示您的Vue应用。来验证Vue CLI是否正确安装。如果输出了版本信息，表明安装成功。进入您希望创建项目的目录，然后输入。安装新的Vue CLI版本。进入项目目录，接着输入。
Macos上安装vue-cli
qq_44174803的博客
10-25 5035
此文章主要讲解如何在macOS的终端上进行安装vue-clil，当然也可以根据自己的选择在VScode上进行安装，但此处不做过多介绍。 下面是具体步骤： 1.首先需要打开macOS上的终端terminal。（点卡下图中的终端进入命令行界面） 2. 需要部署Node环境 点击链接http://nodejs.cn/download/进入到node官网下载Mac版本的node，下载最新版即可，如下图所示。 由于在最近发布的版本中下载node 中包含了npm,所以不需要再在终端中输入npm install对np
vue-cli2与vue-cli3在一台电脑共存的实现方法
10-16
配置环境变量的目的是为了让系统能够识别并运行我们所安装的两个版本的Vue CLI。具体来说，就是将两个`.bin`文件夹的路径添加到系统的环境变量中。这样，在命令行中输入`vue-cli2`或`vue-cli3`时，系统能找到对应的...
安装多版本Vue-CLI的实现方法
10-15
首先，如果系统已经全局安装了Vue-CLI的一个版本，例如3.11.0版本，可以通过npm安装其他版本的Vue-CLI。例如，安装3.11.0和4.2.3版本，可以在系统任意位置通过npm执行安装命令： ```bash npm install -g vue-cli@...
vue-cli启动本地服务局域网不能访问的原因分析
01-19
 本地vue-cli启动了一个项目只能通过localhost:8080访问到，同一局域网下其他的手机和电脑并不能通过ip地址访问调试， 2.原因：vue-cli项目是通过命令行一键生成的，配置文件中默认生成的是本地调试模式，默认访问...
vue-cli项目无法用本机IP访问的解决方法
12-11
启动vue-cli项目服务，用本机IP无法访问此网站，拒绝了我们的链接请求。从而无法从手机上预览效果 原因分析 在我们的bulid目录下有一个webpack.dev.config.js的配置文件，发现devServer对象里的host属性取自process....
Mac 环境安装 Vue Cli
相逢不晚的博客
11-23 3765
表示 Node 版本过低，不适合当前 Vue Cli 版本，此时需要升级 Node 版本。如果没有 Node 环境，则需要先安装，可以直接到。先安装 Node 的一个版本管理工具【n】再次查看 Node 和 npm 版本。再升级 Node 版本。
Vue CLI的安装-MAC
weixin_50446072的博客
12-14 1426
Vue CLI的安装-MAC安装创建一个项目 安装 在任意位置安装这个包 sudo npm install -g @vue/cli 然后在输入密码 下载过程中会出现一个安装软件,安装即可 安装成功后在重新输入刚刚的命令即可安装成功 sudo npm install -g @vue/cli 创建一个项目 运行以下命令来创建一个新项目： vue create 文件夹名称 vue create hello-world 按回车 即可安装成功 如果打开后 无法修改内容样式 出现以下错误 就是代表缺
Mac上安装node和使用vue-cli构建vue项目
a787188834的专栏
11-19 392
1、安装node 安装node，可以到Node 官网nodejs.org，或者国内镜像npm.taobao.org/mirrors/node，下载最新版本的安装包。 我使用的国内镜像 镜像列表 7.9.0版本镜像列表 下载后点击安装，安装完成后，命令行执行下面的命令，确认是否安装成功。 andedeMacBook-Pro:workspace andewang$ node -v v7.9.0 andedeMacBook-Pro:workspace andewang$ ps:..
Mac Vue安装
qq_36873693的博客
03-23 300
Mac Vue安装 安装cnpm、权限不够、解决方式：sudo chown -R $USER /usr/local 安装成功 下一步安装vue 全局安装vue-cli cnpm install --global vue-cli 创建一个新项目 vue init mpvue/mpvue-quickstart wljy (都按回车即可) cd wljy 运行项目：npm run dev 浏览器打开网址 在sublime中打开文件 1.src/pages 下的counter 删除、src/pages 下的lo
Mac 安装 vue 环境
且听风吟的博客
11-03 545
Mac 安装 vue 环境
Mac安装Vue
qq_68384595的博客
03-29 3974
随着学习的进程，也是从web学习到了Vue，vue是一个渐进式框架但是在安装的同时也有很多的问题，下面让我们来一起看一下小编遇到的问题吧提示：以下是本篇文章正文内容，下面案例可供参考以上就是我在装vue的时候的教程和安装时候的问题和解决的办法，希望有用mac的小伙伴可以用到我说说的。不会的也可以给我发私信询问我。
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
TJC_Man的博客
04-07 743
MAC系统安装vue 检查node版本 node -v 若找不到node，则需要下载及安装： https://nodejs.org/en/download/ （选择mac os） ###终端输入： sudo npm install -g vue-cli manblue@appledeMacBook-Pro ~ % sudo npm install -g vue-cli Password: npm...
mac os 安装vue
weixin_42401237的博客
03-20 725
最近使用django做了个后端，打算用vue来做前端的工作，故整理了一个简单的教程。 一：安装vue 1.安装node.js https://nodejs.org/zh-cn/download/ 下载macos版本，一路点击继续即可。 2.安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 在...
mac安装vue-cli
09-07
要在Mac上安装vue-cli，您可以按照以下步骤进行操作： 1. 首先，确保您的Mac已经安装了Node.js。您可以在终端中运行以下命令来检查Node.js是否已安装： ``` node -v ``` 如果已经安装了Node.js，将显示Node.js的版本号。如果未安装，请前往Node.js官方网站（https://nodejs.org/）下载并安装最新版本。 2. 一旦确保Node.js已经安装，您可以使用npm（Node.js的包管理器）来安装vue-cli。在终端中运行以下命令来安装vue-cli： ``` npm install -g @vue/cli ``` 3. 安装完成后，您可以使用以下命令检查vue-cli是否成功安装： ``` vue --version ``` 如果安装成功，将显示vue-cli的版本号。 现在您已成功在Mac上安装了vue-cli。您可以使用`vue create`命令创建新的Vue项目，并使用`vue serve`命令在本地开发服务器上运行项目。祝您使用vue-cli愉快！
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值