Mac下vue-cli搭建过程

  • 安装Node

官网下载

  • 安装nvm

在终端输入安装命令:

 curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.8/install.sh | bash

可能出现提示:command not found: nvm
系统可能缺少一个 .bash_profile 文件,你可以创建一个此文件(可通过vi或vim命令),打开复制粘贴以下代码,保存,然后再次运行安装命令;

export NVM_DIR="$HOME/.nvm"
[ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh"  # This loads nvm
[ -s "$NVM_DIR/bash_completion" ] && \. "$NVM_DIR/bash_completion"  # This loads nvm bash_completion

参考:https://www.jianshu.com/p/622ad36ee020

  • 安装Vue-cli

终端输入
sudo npm install -g vue-cli

  • 安装webpack模板,并设置工程信息

终端输入
vue init webpack +项目名称

接下来输入项目名称,项目描述,作者,是否安装路由,是否使用后ES检测器,输入 y,需要,是否需要前端测试库n 不需要,完成

  • 进入项目

终端输入命令

cd +项目名称

输入命令

sudo npm install 
  • 启动项目

终端输入命令

sudo npm run dev 
  • 完成!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值