记录一下自己的第一次,哈哈哈~
下载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~~
给自己加个🍗哈哈哈哈~