Vue前端之Node.js的安装
Vue前端之Node.js的安装
今天要开始接手一个前端的Vue项目,拿到代码后突然拔剑四顾心茫然,刚刚买来的电脑啥都莫得装,先从安装Node.js和npm开始吧。
1. 下载并安装Node.js
安装包下载地址:http://nodejs.cn/,一般选择稳定版
安装就是一路next,记得更改成自己想要的下载地址,最后命令行中查看。Like this:
2. 配置环境变量
安装完后就到了喜闻乐见的配置环境变量环节,也是最重要的地方
-
第一步是新建文件夹node_cache和node_global,这一步的目的是将npm install XXX -g命令的安装内容从默认的C盘改到我们指定的文件夹(区区npm也配占用宝贵的系统盘空间.doge),默认的安装目录是:C:\Users\用户名\AppData\Roaming\npm,我在这里将文件夹新建到node.js的安装目录下。Like this:
-
第二步承接上一步,新建了文件夹就要修改node.js的设置,在命令行中键入如下命令:
npm config set prefix "创建的node_global文件夹所在路径" npm config set cache "创建的node_cache文件夹所在路径"
-
第三步开始修改环境变量,首先要在环境变量的系统变量里新建node.js的node_modules的目录变量,变量命名为NODE_PATH。Like this:
-
第四步将用户变量中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的安装
原文:https://www.cnblogs.com/zbystc/p/15311344.html