ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

Vue前端之Node.js的安装

2021-09-19 13:04:43  阅读:110  来源: 互联网

标签:Node npm 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

标签:Node,npm,Vue,node,js,文件夹,安装
来源: https://www.cnblogs.com/zbystc/p/15311344.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有