vue项目的搭建(mac版)

这问题真的是快磨死我了,纠结了俩天了,各种坑,各种踩。
最大的问题是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的使用,官网上学吧。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值