这问题真的是快磨死我了,纠结了俩天了,各种坑,各种踩。
最大的问题是mac下的权限问题,网上有关于权限的介绍,大概就是macOs为了安全,设定了一个Rootless(就是困扰我们的权限问题),这个东西可以关闭,但是为了安全,我没敢关。
简介:OSX10.11之后推出的Rootless机制,一个内核保护措施,系统默认会锁定/system、/sbin、/usr这三个目录,带来的后果就是,当你安装一些需要操作这三个目录的包的时候就会出现Operation not permitted之类的错误
如果有勇士勇于尝试,https://www.jianshu.com/p/ca25e1defc0f
正文
node.js 的安装:
1.官网下载安装:https://nodejs.org/en/download/
选择mac下载
然后下载以后进入:
/usr/local/lib
这个文件夹,把下载来的包安装到里面
安装好后,该目录下会多一个文件夹
里面只有一个npm文件夹,这样子就安装好了。
打开命令行终端,输入
node -v
npm -v
如果发现有版本号,那么就是安装好了。
2.用brew安装
先安装一个brew,打开终端输入命令
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
ps:因为是github上的,下载有些慢,会翻的可以翻下墙,应该会快点。
安装好后,看下版本号,是否安装成功
brew -v
安装node.js
brew install node
检查版本
node -v
安装webpack
sudo npm install webpack -g
输入你的密码,注意,并没有相应,也没有显示,敲完密码回车就行,
安装vue脚手架
sudo npm install vue-cli -g
接着输入密码,如果速度快的话,好像可以赶上上一个密码生效时间
到这里配置文件都解决完毕,可以开始进行搭建vue项目,
先在终端上进入一个自己选择的目录,用来存放搭建的vue目录,我放在桌面
cd /Users/自己用户名/Desktop
创建项目
sudo vue init webpack Vuetest
最后一个Vuetest是项目名称
然后就是一路回车(别问为什么,我也不知道,只是一个测试用例,还没开始了解)
进入创建工程的目录
cd Vuetest
安装依赖
sudo npm install
最后一步,运行!!
npm run dev
希望大家都万事大吉,佛主保佑无错误
然后是vue的使用,官网上学吧。