20210703-vue在Mac上的安装和初始化及遇到的问题

brief:

  1. 安装node(自带npm)
  2. npm安装vue
  3. vue创建项目
  4. vue项目初始化

一、安装node

官网下载并安装:https://nodejs.org/en/download/

二、npm安装vue

网上找的命令

npm install vue-cli -g

提示命令已被更新:
在这里插入图片描述

按照提示,使用命令:

 npm install @vue/cli -g

提示npm需升级:
在这里插入图片描述

升级:

npm -g install npm

升级失败,提示可能没有权限:
在这里插入图片描述

管理员权限操作

sudo npm -g install npm

升级成功!
再次尝试安装vue(这次主动加上管理员权限)

 sudo npm install @vue/cli -g

安装成功!

在这里插入图片描述
三、创建并初始化

创建并初始化项目:

vue init webpack myproject 

提示缺少global addon
按照提示执行:

sudo npm i -g @vue/cli-init 

创建项目开始,按照提示输入项目名、项目描述、作者等
在这里插入图片描述

(电脑空间有限,就不加test工具了)
进入项目文件夹并初始化

cd myproject 
npm install

初始化完成会启动项目并提示默认访问地址,如果可以打开,即安装并初始化成功

在这里插入图片描述

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值