本人使用的是Mac笔记本,所以搭建Vue环境的时候遇到了一些坑,在此做下记录希望可以帮到和我一样掉坑的人。
都说Vue和小程序有些地方很相似,便从朋友手里要了一个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
Logo

前往低代码交流专区

更多推荐