Vue前端之Node.js的安装

2021/9/19 14:06:07

本文主要是介绍Vue前端之Node.js的安装,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

Vue前端之Node.js的安装

今天要开始接手一个前端的Vue项目,拿到代码后突然拔剑四顾心茫然,刚刚买来的电脑啥都莫得装,先从安装Node.js和npm开始吧。

1. 下载并安装Node.js

安装包下载地址:http://nodejs.cn/,一般选择稳定版

安装就是一路next,记得更改成自己想要的下载地址,最后命令行中查看。Like this:

image-20210919001607954

2. 配置环境变量

安装完后就到了喜闻乐见的配置环境变量环节,也是最重要的地方

  1. 第一步是新建文件夹node_cache和node_global,这一步的目的是将npm install XXX -g命令的安装内容从默认的C盘改到我们指定的文件夹(区区npm也配占用宝贵的系统盘空间.doge),默认的安装目录是:C:\Users\用户名\AppData\Roaming\npm,我在这里将文件夹新建到node.js的安装目录下。Like this:

    image-20210918234213021
  2. 第二步承接上一步,新建了文件夹就要修改node.js的设置,在命令行中键入如下命令:

    npm config set prefix "创建的node_global文件夹所在路径"
    npm config set cache "创建的node_cache文件夹所在路径"
    
  3. 第三步开始修改环境变量,首先要在环境变量的系统变量里新建node.js的node_modules的目录变量,变量命名为NODE_PATH。Like this:

    image-20210918234827426
  4. 第四步将用户变量中path的npm目录改成我们的node_global。Like this:

    image-20210919000703063

3. 设置权限

安装好node.js和npm并启动项目后发现在终端里干啥都报错,说没权限,要用管理员身份执行命令,一看发现nodejs文件夹的权限有问题,

网上看了看大佬们的说法,右键进入属性=>安全=>编辑,选中Users并把下面权限中的完全控制勾选上

image-20210919002950916

4. 新版Vue的启动方法

小问题,以前是这样

npm run dev

现在是这样

// 别写成sever(我是个nt QAQ)
npm run serve


这篇关于Vue前端之Node.js的安装的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程