在mac上运行vue项目

使用终端安装Vue运行环境

1、安装 Homebrew

Homebrew是osx下面最优秀的包管理工具,没有之一。先在终端查看是否已安装brew

brew -v 

如果返回 Homebrew 的版本号 例如：Homebrew 1.3.6 那么恭喜你，可以跳过这一步，如果没有，那就乖乖执行第一步。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2、安装 node.js

我对brew命令并不是很熟悉，试了几次经常出错的情况，所以采用手动安装下载地址：https://nodejs.org/en/download 选择mac os型号。

3、 获取nodejs模块安装目录访问权限 （必须执行）

sudo chmod -R 777 /usr/local/lib/node_modules/

4、安装 淘宝镜像 （cnpm）

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

5、安装webpack

sudo cnpm install webpack -g

这里需要注意一点使用上面语法执行npm run dev 报错! MAC电脑出现 .bin/webpack-dev-server permission denied 提示权限问题,为了避免出现这个问题你可以采取下面语法

sudo cnpm install webpack-dev-server -g 

6、安装vue脚手架

sudo cnpm install -g vue-cli

7、安装项目依赖

cnpm install　

8、安装 vue 路由模块vue-router和网络请求模块vue-resource

cnpm install vue-router vue-resource --save

9、启动项目

npm run dev
或
cnpm run dev

作者：JaneHan
链接：https://www.jianshu.com/p/b60a38793a18
來源：
著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。