美文网首页让前端飞程序员
前端开发 | 第一次Mac系统搭建node.js环境且运行Vue

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

作者: 我是孙小白 | 来源:发表于2019-01-08 18:22 被阅读30次

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

    下载Node.js环境

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

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

    安装Node.js

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

    查看当前安装版本

    打开终端,输入如下命令:node -vnpm -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~~

    给自己加个🍗哈哈哈哈~

    相关文章

      网友评论

        本文标题:前端开发 | 第一次Mac系统搭建node.js环境且运行Vue

        本文链接:https://www.haomeiwen.com/subject/qqkbrqtx.html