zoukankan      html  css  js  c++  java
  • 安装nodejs+npm的体验

    NODEJS、NPM安装配置步骤(WINDOWS版本)

    1、windows下的NodeJS安装是比较方便的(v0.6.0版本之后,支持windows native),只需要登陆官网(http://nodejs.org/),便可以看到首页的“INSTALL”按钮,直接点击就会自动下载安装了。

    NodeJS安装步骤(windows版本) - 逍遥仔 - Jones HoBlog
     
    2、安装过程基本直接“NEXT”就可以了。(windows的安装msi文件在过程中会直接添加path的系统变量,变量值是你的安装路径,例如“C:Program Files(x86) odejs”)。
     (注意我是安装的x86,否则我电脑在数入npm -v 的时候会一直等待!!!!!!!)
    3、安装完成后可以使用cmd(win+r然后输入cmd进入)测试下是否安装成功。方法:在cmd下输入node -v,出现下图版本提示就是完成了NodeJS的安装。
    NodeJS安装步骤(windows版本) - 逍遥仔 - Jones HoBlog

     4、npm的安装。由于新版的NodeJS已经集成了npm,所以之前npm也一并安装好了。同样可以使用cmd命令行输入”npm -v“来测试是否成功安装。如下图,出现版本提示便OK了。

     
    NodeJS安装步骤(windows版本) - 逍遥仔 - Jones HoBlog
     
    5、常规NodeJS的搭建到现在为止已经完成了,急不及待的话你可以在”cmd“输入”node“进入node开发模式下,输入你的NodeJS第一句:”hello world“ – 输入:console.log(‘hello world’)。
    6、npm作为一个NodeJS的模块管理,之前我由于没有系统地看资料所以导致安装配置模块的时候走了一大段弯路,所以现在很有必要列出来记录下。
     
    ①、我们要先配置npm的全局模块的存放路径以及cache的路径,例如我希望将以上两个文件夹放在NodeJS的主目录下,便在NodeJs下建立”node_global”及”node_cache”两个文件夹。如下图
    NodeJS安装步骤(windows版本) - 逍遥仔 - Jones HoBlog
    ②、启动cmd,输入

    npm config set prefix “C:Program Files(x86) odejs ode_global”
    以及
    npm config set cache “C:Program Files(x86) odejs ode_cache”

    ③、现在我们来装个模块试试,选择express这个比较常用的模块。同样在cmd命令行(注意最好用admin权限打开cmd)里面,输入“npm install express -g”(“-g”这个参数意思是装到global目录下,不能省略,也就是上面说设置的“C:Program Files(x86) odejs ode_global”里面。)。待cmd里面的安装过程滚动完成后,会提示“express”装在了哪、版本还有它的目录结构是怎样。如下图
    NodeJS安装步骤(windows版本) - 逍遥仔 - Jones HoBlog

    ④、关闭cmd,打开系统对话框,“我的电脑”右键“属性”-“高级系统设置”-“高级”-“环境变量”。如下图

    NodeJS安装步骤(windows版本) - 逍遥仔 - Jones HoBlog

    ⑤、进入环境变量对话框,在

          系统变量 -- > 新建   -->  ”NODE_PATH"  -->  输入”C:Program Files(x86) odejs ode_global ode_modules“

    由于改变了module的默认地址(npm config set prefix “C:Program Files(x86) odejs ode_global”),所以在
     
          XXX的用户变量  -->  ”PATH”  ->  修改为(或增加(win10下))   -->  “C:Program Files(x86) odejs ode_global”  
     
    要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令,也不是可运行的程序或批处理文件”这个错误。
    NodeJS安装步骤(windows版本) - 逍遥仔 - Jones HoBlog
     

    ⑥、以上步骤都OK的话,我们可以再次开启cmd命令行,进入node,输入“require(‘express’)”来测试下node的模块全局路径是否配置正确了。正确的话cmd会列出express的相关信息。如下图(如出错一般都是NODE_PATH的配置不对,可以检查下第④⑤步)

    NodeJS安装步骤(windows版本) - 逍遥仔 - Jones HoBlog
    7、结束语。
    以上便是本人在安装配置NodeJS的时候的操作,由于新手的缘故,借助了google查阅了很多资料,希望对刚开始接触NodeJS的朋友都有点帮助。

    1. 安装完后node -v可以看到版本信息,但是npm -v会一直处于等待状态,以及各种设置环境变量改文件都不行

    2. 后来安装的时候干脆直接装在programfiles(x86)的目录下,一切都可以了。。。。

    3. 默认情况安装下会在用npm下载东西会在当前用户下新建npm_module的文件夹

    附录:npm常用指令说明

    npm是一个node包管理和分发工具,已经成为了非官方的发布node模块(包)的标准。有了npm,可以很快的找到特定服务要使用的包,进行下载、安装以及管理已经安装的包。

    1、npm install moduleNames:安装Node模块
    安装完毕后会产生一个node_modules目录,其目录下就是安装的各个node模块。

    node的安装分为全局模式和本地模式。
    一般情况下会以本地模式运行,包会被安装到和你的应用程序代码的本地node_modules目录下。
    在全局模式下,Node包会被安装到Node的安装目录下的node_modules下。

    全局安装命令为$npm install -g moduleName。
    获知使用$npm set global=true来设定安装模式,$npm get global可以查看当前使用的安装模式。

    示例:
    npm install express 
    默认会安装express的最新版本,也可以通过在后面加版本号的方式安装指定版本,如npm install express@3.0.6

    npm install <name> -g 
    将包安装到全局环境中

    但是代码中,直接通过require()的方式是没有办法调用全局安装的包的。全局的安装是供命令行使用的,就好像全局安装了vmarket后,就可以在命令行中直接运行vm命令

    npm install <name> --save 
    安装的同时,将信息写入package.json中项目路径中如果有package.json文件时,直接使用npm install方法就可以根据dependencies配置安装所有的依赖包,这样代码提交到github时,就不用提交node_modules这个文件夹了。

    2、npm view moduleNames:查看node模块的package.json文件夹
    注意事项:如果想要查看package.json文件夹下某个标签的内容,可以使用$npm view moduleName labelName

    3、npm list:查看当前目录下已安装的node包
    注意事项:Node模块搜索是从代码执行的当前目录开始的,搜索结果取决于当前使用的目录中的node_modules下的内容。$ npm list parseable=true可以目录的形式来展现当前安装的所有node包

    4、npm help:查看帮助命令

    5、npm view moudleName dependencies:查看包的依赖关系

    6、npm view moduleName repository.url:查看包的源文件地址

    7、npm view moduleName engines:查看包所依赖的Node的版本

    8、npm help folders:查看npm使用的所有文件夹

    9、npm rebuild moduleName:用于更改包内容后进行重建

    10、npm outdated:检查包是否已经过时,此命令会列出所有已经过时的包,可以及时进行包的更新

    11、npm update moduleName:更新node模块

    12、npm uninstall moudleName:卸载node模块

    13、一个npm包是包含了package.json的文件夹,package.json描述了这个文件夹的结构。访问npm的json文件夹的方法如下:
    $ npm help json 
    此命令会以默认的方式打开一个网页,如果更改了默认打开程序则可能不会以网页的形式打开。

    14、发布一个npm包的时候,需要检验某个包名是否已存在
    $ npm search packageName

    15、npm init:会引导你创建一个package.json文件,包括名称、版本、作者这些信息等

    16、npm root:查看当前包的安装路径
    npm root -g:查看全局的包的安装路径

    17、npm -v:查看npm安装的版本

  • 相关阅读:
    跨平台技术
    Unity和虚幻的比较
    商业模式(四):群硕软件,欧美客户为主的软件外包
    商业模式(四):群硕软件,欧美客户为主的软件外包
    Volley完全解析
    双十一京东图书购物清单,动动脑子节省300元
    双十一京东图书购物清单,动动脑子节省300元
    ListView异步加载图片,完美实现图文混排
    使用DrawerLayout实现QQ5.0侧拉菜单效果
    商业模式(三):P2P网贷平台,毛利润测算
  • 原文地址:https://www.cnblogs.com/ZengYunChun/p/5688102.html
Copyright © 2011-2022 走看看