您的位置:首页 > Web前端 > Vue.js

Mac下vue-cli搭建过程

2019-03-11 23:08 113 查看
版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。 本文链接:https://blog.csdn.net/HelloKittyFC/article/details/88412144
  • 安装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
  • 完成!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: