今天在给mac搭建vue环境时,碰到一些问题,也是浏览了很多网站,特此记录下来,方便以后回顾。
1、安装homebrew(是Mac OS x下的软件包管理工具,可以安装,卸载,更新,查看,搜索等功能)
终端输入:ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"。开始安装,中间可能要输入电脑密码,耐心等待过后出现下图表示安装成功。可通过brew -v 查看版本。
2、安装nodejs
终端输入:brew install nodejs 或者直接官网手动安装。 node -v 查看 nodejs版本
注:网上说使用终端安装会需要nodejs模块安装目录的权限,运行:sudo chmod -R 777 /usr/local/lib/node_modules/
3、安装npm (淘宝镜像)
终端输入:npm install -g cnpm --registry=https://registry.npm.taobao.org
4、安装webpack
cnpm install webpack -g
5、安装vue脚手架(自动搭建vue项目框架的工具)
sudo npm install -g vue-cli。静待。
输入vue或者vue list,可vue是否安装成功。
6、创建vue项目
vue init webpack macvuetest(macvuetest是项目名称)。回车,然后就是各种设置
耐心等待,这个过程中我出现了这么一个错误提示:npm WARN ajv-keywords@3.1.0 requires a peer of ajv@^6.0.0 but none was installed.
一开始我没管,直接就进入下一个步骤 npm install,后来还是报这个错。通过 npm list 查看发现是在安装npm过程中少安装了这个模块。一开始我是输入 npm update -g npm 来更新npm,无果之后输入 rm -rf node_modules/ 来删除node_modules文件夹,然后 npm cache clean 清缓存。最后在重新执行 npm install 就好了。
7、启动项目
npm run dev。关闭请按ctrl+c。