• 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,服务启动成功。

  • 相关阅读:
    php实现一个简单的四则运算计算器
    linux下service+命令和直接去执行命令的区别,怎么自己建立一个service启动
    mongodb
    随笔一个dom节点绑定事件
    php-fpm 启动参数及重要配置详解
    PHP的设计模式之工厂模式
    linux下mysql数据的导出和导入
    windows下mongodb安装与使用图文教程(整理)
    MySQL性能分析及explain的使用
    nginx反向代理缓存服务器的构建
  • 原文地址:https://www.cnblogs.com/feiye512/p/12539306.html
Copyright © 2020-2023  润新知