Vue脚手架配置详细步骤(从下载到安装)-Mac Book版

1.下载Node.js

官方网址:https://nodejs.org/en/download/

可以根据自己电脑系统选择下载的版本:
在这里插入图片描述

2.安装Node.js

在“访达”中下载栏找到Node.js的安装包,然后双击直接下一步进行安装。

请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述
请添加图片描述

3.查看Node.js的版本以及npm的版本

node -v
npm -v

请添加图片描述

4.使用npm配置国内镜像地址

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

注意:使用sudo权限安装,不然会安装失败。

请添加图片描述

5.查看cnpm是否部署成功

请添加图片描述

6.安装vue脚手架

sudo cnpm install -g vue-cli

注意:使用sudo权限安装,不然会安装失败。

请添加图片描述

7.查看vue脚手架是否安装成功

vue -V

请添加图片描述

8.更新npm

  1. 如果无法查看版本号 可能是npm 版本过低 (更新npm版本。
sudo npm install -g npm
  1. 如果安装失败的话,清理一下缓存。
sudo npm cache clean
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
安装mac上的vue脚手架的步骤如下: 1. 首先,确保你的电脑上已经安装了Node.js。你可以在终端中输入`node -v`来检查是否已经安装了Node.js,并查看其本号。 2. 打开终端,使用npm安装vue脚手架。在终端中输入以下命令: ``` npm install -g @vue/cli ``` 这将全局安装vue脚手架。 3. 安装完成后,你可以使用以下命令来检查vue脚手架是否成功安装: ``` vue --version ``` 如果成功安装,你将看到vue本号。 4. 创建一个新的vue项目。在终端中进入你想要创建项目的目录,然后输入以下命令: ``` vue create 项目名称 ``` 其中,项目名称是你想要给你的项目起的名字。 5. 在创建项目的过程中,你可以选择使用默认配置或者手动选择配置。根据你的需求进行选择。 6. 创建完成后,进入项目目录: ``` cd 项目名称 ``` 7. 启动项目。在终端中输入以下命令: ``` npm run serve ``` 这将启动开发服务器,并在浏览器中打开你的项目。 这就是在mac安装vue脚手架的步骤。希望对你有帮助!\[1\] #### 引用[.reference_title] - *1* *2* [Vue(四)Vue脚手架——手把手教你安装和使用](https://blog.csdn.net/io_123io_123/article/details/122610993)[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^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值