使用mac搭建vue脚手架

最新推荐文章于 2024-05-22 23:14:51 发布
最新推荐文章于 2024-05-22 23:14:51 发布
阅读量1.4k 收藏 6
点赞数
文章标签： vue.js macos javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/aaaaaaaa_ewf/article/details/123064808
版权
本文详细介绍了如何在Mac操作系统中搭建Vue.js项目，包括安装node.js，使用cnpm（国内镜像）安装vue脚手架，解决可能出现的npm版本过低问题，清除npm缓存，创建新项目，以及回答初始化项目的各项设置，最后启动项目。

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

1、需要安装node.js

2、安装vue脚手架用cnpm安装（使用国内镜像安装）

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

3、检查是否安装成功

cnpm -v

4、用cnpm安装vue脚手架

cnpm install -g vue-cli

5、检查是否安装成功

 

 6、如果无法查看版本号 可能是npm 版本过低 

解决办法：npm install -g npm（更新一下版本就好了）。

2. 如果安装失败的话。

解决办法：npm cache clean（清除一下缓存就好了）

7、搭建项目  vue init webpack status.   //status项目名称

最低0.47元/天 解锁文章
emo王子
关注
Vue教程｜搭建vue项目｜Vue-CLI2.x 模板脚手架
baidu_21035953的博客
11-29 1470
通过实战方式，介绍基于Vue-CLI2.x 模板脚手架搭建vue2.x项目的完整构建过程，从环境搭建、脚手架搭建到脚手架构建项目，另外分享了工程结构各文件的具体用途，方便大家了解和掌握
vue开发环境搭建Mac版
热门推荐
ytangdigl的博客
07-14 3万+
一、前言 因工作缘故，需要做一个移动端app,面对2016下半年至今webapp最流行的三个技术React,angular,vue，三选一，如何先，经过前期的技术选型，最后决定使用vue。具体查看本人之前的blog移动app技术选型，react,angular,vue二、vue开发环境的搭建 由于本人使用的是mac,所以环境是windows的下面可以忽略……通过下面一张图对Vue的整体开发环境有
使用mac搭建vue脚手架项目
wangmengsasa的博客
08-06 786
使用mac安装vue脚手架组件
vue开发第一步：用Mac来搭建vue脚手架
开源世界
04-19 296
vue开发第一步：用Mac来搭建vue脚手架 安装node与npm 安装vue脚手架 安装node与npm 首先使用node -v命令查看mac是否已安装node与npm node -v npm -v 假如没有安装可以去官网安装，可以根据以下教程 链接: https://blog.csdn.net/u012982629/article/details/80526385. 安装vue脚手架 sudo npm install -g vue-cli vue init webpack my-project
Mac Vue脚手架搭建
hzqit520的博客
02-02 456
Mac Vue脚手架搭建
mac下使用vue脚手架搭建项目
风起云曦的博客
07-23 758
vue-cli搭建一、安装node.js二、安装vue-cli，创建项目三、报错解决 一、安装node.js 1、node.js官网下载地址：https://nodejs.org/zh-cn/ 双击下载安装包 点击继续即可 2、打开终端（顺便唠一句command+空格,输入ter，点击打开终端），输入node -V，查看版本、有版本号就是安装成功。 3、node.js集成npm包管理器，npm -v查看版本 这边因为我之前已安装，没有重新安装刚才截图的包。 二、安装vue-cli，创建项目 1、终
Mac上安装Vue脚手架（CLI）
Delong-IT
03-04 1635
以上步骤应该可以帮助您在Mac上安装和配置Vue脚手架。如果您使用的是较旧的Vue CLI版本（如2.9.6），可能需要使用。来检查是否安装了Node.js。如果输出了版本信息，表示已经安装成功；来创建一个新的Vue项目。来全局安装Vue CLI。这将在用户级别安装脚手架工具，使得可以随时使用。这样会启动一个本地服务，并在浏览器中展示您的Vue应用。来验证Vue CLI是否正确安装。如果输出了版本信息，表明安装成功。进入您希望创建项目的目录，然后输入。安装新的Vue CLI版本。进入项目目录，接着输入。
Macbook 苹果电脑 安装搭建Vue脚手架教程m1芯片Vue脚手架初学
No1banana的博客
05-05 8947
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框架--脚手架
Song_Lun的博客
08-23 1313
全局下载脚手架：npm install -g @vue/cli（一般情况下只需要安装一次，除非你重装系统或者重装node才需要再次进行下载）输入命令：vue create 项目名称。查看版本：vue --version。查看电脑是否安装node和npm。查看node版本：node -v。选择插件（空格选中）然后一路回车。查看node版本：npm -v。自定义选择第三个安装方式。安装node和npm。安装完毕后用命令查看。...
mac Vue脚手架搭建
Mean
03-08 3930
因为是mac系统，所以和视频里老师讲的有些许不同。 1.首先打开终端  按照老师的操作，首先检查node版本 下面是我的操作 打开终端，输入命令 node -v 我去，找不到node。。。。。 好吧，去这个地方下载mac版本的node 下载地址：https://nodejs.org/en/download/ （选择mac os） 安装完毕，有了 2.输入 sudo npm install -g v...
Vue学习——搭建脚手架（mac版本）
qq_41184530的博客
08-31 835
Vue学习笔记 — 搭建脚手架 一、mac安装vue-cli脚手架 1.1 需要准备的环境 Homebrew：Mac系统下的包管理器，类似于linux的apt-get,Windows的控制面板-安装删除应用程序 Node.js: javascript运行环境（runtime）不同的系统直接不能直接运行各种编程语言，Runtime可以统一环境 npm: Nodejs下的包管理器，类似于mac下的H...
mac 脚手架从零搭建
十一的博客
12-13 2260
1.安装node.js,下载LTS稳定版本 点击链接进入下载页面Node.js官网 安装完成后在终端输入node -v 查看版本号，如图显示： 2.使用npm全局安装webpack 安装命令：sudo npm install webpack -g 安装完成后查看版本号 webpack -v,如图： 根据提示安装webpack-cli 还是一样全局安装：sudo npm install webpa...
2020/11/02 mac配置环境 安装vue脚手架
Nighsloth的博客
11-03 734
上班第一天，发的Mac，配置环境 安装node 官网下载 node 查看版本号是否安装成功 npm -v node -v 安装vue sudo npm i -g vue 安装脚手架 sudo npm install -g @vue/cli －－其他部分vue指令参考－－ 查看版本号 vue -V 创建项目 vue create 项目名称 引入element-ui npm i element-ui -S 引入axios npm install axios -S ..
解决mac版 vue搭建环境
qq_40678503的博客
09-07 1872
首先下载一下node.js : node.js下载地址 一、首先为Mac系统安装brew，打开终端执行命令 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 安装成功后输入命令 brew -v 查看一下是否安装成功和brew的版本信息。...
mac 本地搭建go-admin之vue打包（二）
dj1540225203的博客
08-13 495
go
MAC电脑使用vue-cli脚手架搭建vue项目；mac使用脚手架vue-cli搭建vue项目
i_am_a_div的博客
07-29 208
windows搭建vue项目看这篇
Mac快速搭建前端环境&创建前端项目【Vue】
最新发布
weixin_45565886的博客
05-22 3325
Mac快速搭建前端环境&创建前端项目【Vue】
Mac OS安装Vue CLI脚手架并创建一个基础项目教程
Sky的博客
07-09 3885
本文详细介绍了在Mac端如何安装Vue CLI并构建第一个Vue项目。
mac安装vue脚手架
08-11
要在mac上安装vue脚手架，你需要先准备以下环境：Homebrew、Node.js、npm、webpack和vue-cli。Homebrew是Mac系统下的包管理器，类似于linux的apt-get或Windows的控制面板-安装删除应用程序。Node.js是JavaScript运行环境，npm是Node.js下的包管理器，webpack是用来打包Vue组件的工具，而vue-cli是用来生成Vue工程模板的。然后，你可以使用终端输入相应的命令进行安装。安装完成后，你可以通过输入"vue --version"来查看当前脚手架的版本号。如果你能够成功执行这一步，那么说明安装已经完成。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [Macbook 苹果电脑 安装搭建Vue脚手架教程m1芯片Vue脚手架初学](https://blog.csdn.net/No1banana/article/details/124590181)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [Vue学习——搭建脚手架（mac版本）](https://blog.csdn.net/qq_41184530/article/details/100174953)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值