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
- 完成!
相关文章推荐
- vue-cli脚手架之搭建环境全过程
- Mac 搭建vue-cli
- webpack4+Vue搭建自己的Vue-cli项目过程分享
- vue-cli3.0 脚手架搭建项目的过程详解
- Mac下 node+vue-cli3+webpack搭建教程
- 在Mac中使用vue-cli搭建的vue框架,下载到win7环境中,配置应该注意的问题
- 完整项目搭建全过程(vue-cli+webpack)
- vue-cli搭建项目问题解决方案
- Vue-cli快速搭建项目
- vue-用Vue-cli从零开始搭建一个Vue项目
- vue-cli脚手架搭建vue——第一天
- vue-cli 搭建项目
- Vue2.0学习笔记(上)—— 搭建Vue脚手架(vue-cli)
- vue-cli 搭建 vuedemo
- 使用vue-cli+webpack搭建VUE开发环境
- vue环境搭建以及vue-cli使用
- vue-cli 的搭建
- vue-cli3+elementUI搭建后台管理系统
- vue开发实战1——环境搭建(vue-cli)