mac下使用vue脚手架搭建项目

一、安装node.js

1、node.js官网下载地址:https://nodejs.org/zh-cn/
mac下使用vue脚手架搭建项目
双击下载安装包
mac下使用vue脚手架搭建项目
点击继续即可
2、打开终端(顺便唠一句command+空格,输入ter,点击打开终端),输入node -V,查看版本、有版本号就是安装成功。
mac下使用vue脚手架搭建项目
mac下使用vue脚手架搭建项目

3、node.js集成npm包管理器,npm -v查看版本
mac下使用vue脚手架搭建项目

这边因为我之前已安装,没有重新安装刚才截图的包。

二、安装vue-cli,创建项目

1、终端输入npm install vue-cli -g
2、输入vue -V,查看版本
mac下使用vue脚手架搭建项目
3、在终端打开一个文件夹,也就是存放vue-cli项目的地方,输入vue init webpack 项目文件夹名称,下图是初始化。
mac下使用vue脚手架搭建项目
等待下载完成即可。

当初刚开始搭建时候,遇到很多坑,最后解决了没有记录下了,现在回头也想不起来,后续想起来,再分享一下。

三、报错解决

分享一个报错解决方式,忘记是项目初始化还是npm安装插件时候出现的。
mac下使用vue脚手架搭建项目

这是由于.npm文件没有sudo权限
解决方案:
1、打开终端:进入/Users/zhangzy目录,输入ls -al ~/ grep .npm
2、查看.npm权限
mac下使用vue脚手架搭建项目
3、输入sudo chown -R zhangzy /Users/zhangzy/.npm 获取权限

问题解决,这样就可以愉快的继续开发了。

新手第一次写博客,记录后续学习和解决问题的过程,如果发现哪里有错误,欢迎指正交流。