zoukankan      html  css  js  c++  java
  • Nodejs安装及环境配置

    转自:https://www.jianshu.com/p/13f45e24b1de

    1、下载安装包

    下载地址:https://nodejs.org/zh-cn/download/

    根据自己电脑系统及位数选择,我这里选择windows64位.msi格式安装包

    .msi和.zip格式区别:

    1、.msi是Windows installer开发出来的程序安装文件,它可以让你安装,修改,卸载你所安装的程序。说白了.msi就是Windows installer的数据包,把所有和安装文件相关的内容封装在一个包里。

    2、.zip是一个压缩包,解压之后即可,不需要安装


     

    image.png

    下载完成后,双击安装包,开始安装,一直点next即可,安装路径默认在C:Program Files下,也可以自定义修改


     

    image.png


     

    image.png

    Node.js runtime表示运行环境

    npm package manager表示npm包管理器

    online documentation shortcuts在线文档快捷方式

    Add to PATH添加到环境变量

    安装完成如图所示,这里我修改了node的安装路径C: ode


     

    安装完成后,.msi格式的安装包已经将node启动程序添加到系统环境变量path中,查看系统变量验证


     

    image.png

    既然已经将node程序添加到全局系统变量,我们可以直接在CMD窗口中任意位置执行node,打开CMD窗口,执行命令node -v查看node版本


     

    image.png

    最新版的node在安装时同时也安装了npm,执行npm -v查看npm版本


     

    image.png

    2、修改包路径

    默认情况下,我们在执行npm install -g XXXX时,下载了一个全局包,这个包的默认存放路径位C:UsersAdministratorAppDataRoaming pm ode_modules下,可以通过CMD指令npm root -g查看


     

    image.png


     

    image.png

    我们可以下载一个全局包试试看,执行命令npm install -g express


     

    image.png


     

    image.png

    但是有时候我们不想让全局包放在这里,我们想放在node的安装目录下

    1、在node安装目录下下新建两个文件夹

    node_global全局包下载存放

    node_cachenode缓存


     

    image.png

    2、修改路径

    在CMD窗口执行以下两条命令:

    npm configsetprefix"C: ode ode_global"

    npm config set cache "C: ode ode_cache"

    或者在nodejs的安装目录中找到node_modules pm.npmrc文件,修改如下:

    prefix =C: ode ode_global

    cache = C: ode ode_cache


     

    image.png

    我们再次下载一个全局包,执行命令npm install -g vue,可以发现,下载的全局包vue已经放在了我们设置的目录中


     

    image.png

    我们写一个js文件,引入vue模块,并输出,然后再node中执行该js文件


     

    image.png

    我们更改了npm全局模块的存放路径和cache路径,此时使用module时将会出现上述错误,因为电脑系统现在还不知道你把默认路径给改了,所以需要修改系统环境变量。

    1、修改用户变量path为:C: ode ode_global


     

    image.png


     

    image.png

    2、新增系统变量NODE_PATH,变量值为C: ode ode_global ode_modules


     

    image.png

    修改之后关闭CMD窗口,然后重新打开,运行刚才的test.js文件


     

     报错1

    npm ERR! cb()never called!的错误  解决方案

    转自:https://www.cnblogs.com/webdragon/p/9700879.html

    解决方法:

    一、首先要以管理员模式打开cmd清除你的npm缓存 : npm cache clean -f

    二、清除完缓存后,安装最新版本的Node helper: npm install -g n 

    注意:如果出现npm ERR! notsup Unsupported platform for n@2.1.8: wanted {"os":"!win32","arch":"any"} (current: {"os":"win32","arch":"x64"})

    这样错误信息

    如图:

     然后执行以下    npm install -g n --force

    如图:

    三、告诉助手(n)安装最新的稳定版Node:n stable

    四、完成上一个命令后,您将获得最新信息。让我们再次运行安装: npm install 

    如果在执行npm install 非常缓慢的时候,可以试着更换镜像 

    npm install -g cnpm --registry=https://registry.npm.taobao.org 

    如图

    再执行 cnpm install,这时候就比较快一些安装依赖文件   

    安装完依赖文件后,执行 cnpm run dev ,项目就启动了。

     报错2:

    npm报错:无法加载文件 D: odejs ode_globalwebpack.ps1,因为在此系统上禁止运行脚本

    解决报错:

    复制代码
    (1)以管理员身份运行vs code
    
    (2)在终端执行:get-ExecutionPolicy,显示Restricted(表示状态是禁止的)
    
    (3)在终端执行:set-ExecutionPolicy RemoteSigned
    
    (4)在终端执行:get-ExecutionPolicy,显示RemoteSigned

     报错3:

    Plugin umi-plugin-antd-icon-config can't be resolved

    原因:缺少插件集 

    缺啥 装啥  

    解决办法:使用yarn add umi-plugin-react --dev命令安装相关插件集,安装成功后重新启动服务:yarn start,服务启动成功。

  • 相关阅读:
    HDU 1114 Piggy-Bank
    HDU 2955 Robberies
    NTOJ 290 动物统计(加强版)
    POJ 3624 Charm Bracelet
    HDU 2602 Bone Collector
    POJ 1523 SPF(无向图割顶)
    HDU 5311 Hidden String
    HDU 1421 搬寝室
    HDU 1058 Humble Numbers
    POJ 3259 Wormholes(spfa判负环)
  • 原文地址:https://www.cnblogs.com/feiye512/p/12539306.html
Copyright © 2011-2022 走看看