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

Vue前端之Node.js的安装

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

1. 下载并安装Node.js

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

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

2. 配置环境变量

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

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

   

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

   npm config set prefix "创建的node_global文件夹所在路径"
   npm config set cache "创建的node_cache文件夹所在路径"
   

3. 第三步开始修改环境变量，首先要在环境变量的系统变量里新建node.js的node_modules的目录变量，变量命名为NODE_PATH。Like this:

   

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

   

3. 设置权限

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

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

4. 新版Vue的启动方法

小问题，以前是这样

npm run dev

现在是这样

// 别写成sever（我是个nt QAQ）
npm run serve

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