zoukankan      html  css  js  c++  java
  • Node.js学习记录(一)--安装设置篇

    安装Node

    window
    window上安装node可选择以下两种方式:
    方式一:直接进入官网下载安装
    进入node.js官网点击windows,选择.msi后缀的,根据自己的电脑选择对应的64位或32位后,就会自动开始下载到本地。
    安装过程也是直接下一步的简单式安装,这种安装优点是安装很便捷,缺点是只能装一个固定的node版本,对于需要在不同版本下开发的同学就不合适了。
    方式二:通过nvm安装管理多个版本node
    1、下载 nvm 包 地址:https://github.com/coreybutler/nvm-windows/releases,我们选择第一个:nvm-noinstall.zip 下载完成后解压到一个地方,比如:D:Program Files vm 里面的文件列表是这样的:elevate.cmd、elevate.vbs、install.cmd、LICENSE、nvm.exe

    2、双击 install.cmd 然后会让你输入”压缩文件解压或拷贝到的一个绝对路径” 先不用管它,直接回车,成功后,会生成一个settings.txt的文本文件,把这个文件另存到D:Program Files vm目录中,然后我们把它的内容修改成这样:

    root: D:Program Files
    vm 
    path: D:Program Files
    odejs 
    arch: 64   //改为自己的电脑的系统位数
    proxy: none 
    node_mirror: http://npm.taobao.org/mirrors/node/ 
    npm_mirror: https://npm.taobao.org/mirrors/npm/
    

    3、然后我们开始配置环境变量了,因为刚刚点击了install.cmd的文件,那么会在环境变量的系统变量中,生成两个环境变量:NVM_HOME 和 NVM_SYMLINK 我们开始修改这两个变量名的变量值:NVM_HOME的变量值为:D:Program Files vm ; NVM_SYMLINK的变量值为:D:Program Files odejs

    4、在Path中也会自动添加上D:Program Files vm ;或者是D:Program Files odejs,如果有的话,把他们删掉,没有的话更好,我们自己来配置,在Path的最前面输入: ;%NVM_HOME%;%NVM_SYMLINK%;

    打开一个cmd窗口输入命令:nvm v ,那么我们会看到当前nvm的版本信息。然后我们可以安装nodejs了。

    nvm install v8.9.0 //安装8.9.0版本nodejs
    nvm use v8.9.0 //当前命令行窗口切换nodejs到v8.9.0
    nvm switch v8.9.0 //切换到8.9.0版本为默认使用版本
    nvm list //显示本地已安装的nodejs版本
    nvm list available//显示可安装的nodejs版本
    nvm arch //查看nodejs运行为32位还是64位
    nvm off //关闭nvm
    nvm on //开启nvm
    nvm version //nvm版本
    nvm root c://nodePath //设置不同版本nodejs安装的根路径
    nvm uninstall v8.9.0 卸载nodejs v8.9.0

    linux
    这里通过nvm安装node
    下载并安装nvm

    curl https://raw.githubusercontent.com/creationix/nvm/v0.13.1/install.sh | bash
    或者
    wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash
    然后
    source ~/.bash_profile
    

    通过命令 nvm --version 可查看版本,说明安装成功
    通过 nvm ls-remote 可查看node所有版本
    通过 nvm install (版本号) 例如:nvm install v10.6.0
    安装后可通过node -v ,npm -v 查看版本
    查看已安装的版本 nvm list
    切换版本 nvm use v0.10.30
    设置默认版本 nvm alias default v0.10.30

    mac
    mac可通过n来管理node的版本
    n 输出当前已经安装的node版本以及正在使用的版本(前面有一个o),你可以通过移动上下方向键来选择要使用的版本,最后按回车生效
    n 9.8.0 安装9.8.0版本
    n ls 查看可用的Node版本
    n latest 安装最新的版本
    n stable 安装稳定的版本
    n rm 0.10.1 删除某个版本

    Node npm常用配置

    修改下载仓库为淘宝镜像

    针对国内用户下载某些依赖包时耗时很长的情况,可以将下载仓库设置为淘宝镜像

    npm config set registry http://registry.npm.taobao.org/
    

    但是如果要发布自己的npm模块则需要修改回来

    npm config set registry https://registry.npmjs.org/
    

    发布自己的npm模块

    1. 注册一个npm账号
      前往NPM官网进行注册
    2. 创建一个简单的包
      在本地创建一个项目文件夹jesse_demo (名字自己取,不要和NPM上已有的包名重复冲突就好)
      进入项目文件夹创建package.json文件
      cd jesse_demo
      npm init
      按要求填写号相关信息
    3. 开始发布
      如果是第一次发布包,执行以下命令,然后输入前面注册好的NPM账号,密码和邮箱,将提示创建成功
      npm adduser
      如果不是第一次发布,执行
      npm login
      进入项目文件夹,执行
      npm publish
      即可发布自己的npm模块文件

    如果模块需要更新,也是使用npm publish发布

    查看全局安装包

    npm ls --depth=0 -g
    

    查看npm配置信息

    npm config list
    

    npm依赖包版本号区别

     "dependencies": {
        "body-parser": "^1.13.2",
        "cookie-parser": "~1.3.5",
        "ejs": "*",
        "express": "~4.13.x",
      }
    

    ~x.y.z: 匹配大于 x.y.z 的 z 的最新版
    ^x.y.z: 匹配大于 x.y.z 的 y.z 的最新版
    当 x 为 0 时,^x.y.z 等价于 ~x.y.z,即只会安装z 的最新版本;
    当 x 和 y 为 0 时,^x.y.z 等价于 x.y.z,即只会安装x.y.z 版本;

    ~ 会匹配最近的小版本依赖包
    ^ 会匹配最新的大版本依赖包

    如何调试nodejs

    调试nodejs有多种方式,这里推荐使用vscode编辑器自带的调试器,使用很方便
    首先需要将项目顶级文件夹添加进vscode的工作区
    直接按F5进入调试模式,在代码行号左侧添加断点,刷新浏览器即可在断点处停下调试

    还可以监视变量,通过添加表达式,监视表达式在代码运行时的变化

  • 相关阅读:
    [Angular] Architectures for Huge Angular Based Enterprise
    [Bash] Move and Copy Files and Folders with Bash
    [Bash] Create nested folder in Bash
    [Bash] View Files and Folders in Bash
    [Angular] Expose Angular Component Logic Using State Reducers
    [Angular] Modify User Provided UI with Angular Content Directives
    [Angular] Refactor Angular Component State Logic into Directives
    [Angular] Communicate Between Components Using Angular Dependency Injection
    [Angular] Write Compound Components with Angular’s ContentChild
    java web从零单排第二十一期《Hibernate》主键的生成方式,用户增加与显示用户列表
  • 原文地址:https://www.cnblogs.com/jesse131/p/9778651.html
Copyright © 2011-2022 走看看