前端开发 | 第一次Mac系统搭建node.js环境且运行Vue项目

记录一下自己的第一次，哈哈哈~

下载Node.js环境

打开官网下载（ https://nodejs.org/en/download/）对应系统的node.js版本

这里有两个版本， 为了防止最新版本太坑爹，我听从了小伙伴的意见安装了大家用的最多的版本（LTS）：

安装Node.js

打开我们下载好的.pkg，跟随提示一步步安装下去， 同意他的协议，然后点击安装就可以了。

查看当前安装版本

打开终端，输入如下命令：node -v ，npm -v， 出现如下就算安装成功：

这里记录下：npm是什么？

npm是随同Node.js一起安装的包管理工具， 能解决NodeJS代码部署上的很多问题，常见的使用场景有：

• 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
• 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
• 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

运行Vue项目

终端cd进入你下载下来的项目中， 输入npm i, 下载项目依赖包：

发现install之后提示这个，要求run一个命令， 特意去查了下什么意思：
npm audit fix: 检测项目依赖中的漏洞并自动安装需要更新的有漏洞的依赖，而不必再自己进行跟踪和修复。
npm audit: 允许开发人员分析复杂的代码，并查明特定的漏洞和缺陷。

那么就按照提示敲一下吧: npm audit fix

发现还有提示命令， 那就一直敲下去吧： npm audit fix --force

重新输入npm audit：

终于一切正常了~~

输入npm run dev 运行项目：

发现并不能成功运行， 怎么办？ 暴风哭泣~~

检查后发现是地址配置问题， 进去代码index.js文件中， 修改我们的本地IP地址， 修改后重新输入npm start , 依旧没有启动起来，猛虎落泪~~

再次检查后，决定把npm换成淘宝镜像源，重来一遍（国外源可能会有一些不知道该怎么解决的问题）。

终端输入 npm install -g cnpm --registry=https://registry.npm.taobao.org

结果发现提示权限问题：Error: EACCES: permission denied, access '/usr/local/lib/node_modules'

在上一个命令前加上sudo, 终端输入：sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

输入电脑密码， 等待镜像替换成功~

输入cnpm install, 重新导入依赖包，成功~

（为什么这里没有截图了， 因为终端被我关了一次重新打开没有历史记录了~~）

运行

终端cd 进入项目中， 输入cnpm start，终于启动成功了~~ 打开浏览器验证下~

收工~~

第一次Vue项目运行体验完美ending~~

给自己加个哈哈哈哈~