Vue前端之Node.js的安装

Vue前端之Node.js的安装

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

1. 下载并安装Node.js

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

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

Vue前端之Node.js的安装

2. 配置环境变量

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

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

    Vue前端之Node.js的安装
  2. 第二步承接上一步,新建了文件夹就要修改node.js的设置,在命令行中键入如下命令:

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

    Vue前端之Node.js的安装
  4. 第四步将用户变量中path的npm目录改成我们的node_global。Like this:

    Vue前端之Node.js的安装

3. 设置权限

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

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

Vue前端之Node.js的安装

4. 新版Vue的启动方法

小问题,以前是这样

npm run dev

现在是这样

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

Vue前端之Node.js的安装

上一篇:CSS 网格生成器


下一篇:聊一聊JavaScript和Java、C#的“箭头函数”(一)