环境:

  • window10x64 专业版
  • node-v14.15.1-x64.msi

一、安装包的下载

二、安装过程

傻瓜式安装,除了修改一下安装目录,其他的用默认即可。

安装目录最好不要有空格,我这里选的是 D:\nodejs

三、安装后的变化

3.1 安装后的目录如下

nodejs:window10下的nodejs基本知识

安装后已经自带了npm

安装后在当前用户目录下多了一个npm文件夹,不过是空的,如下:
nodejs:window10下的nodejs基本知识

3.2 安装后的环境变量

检查Path环境变量如下:
nodejs:window10下的nodejs基本知识
正因为nodejs自动将安装目录配置到了Path中,所以我们在命令行中直接输入node,cmd就会自动找到D:\nodejs\node.exe并执行。同理,D:\nodejs目录下的npm.cmdnpx.cmd也让我们可以在命令行中执行命令npmnpx

四、node常用命令

  • 查看node版本:node --versionnode -v
    nodejs:window10下的nodejs基本知识

  • 查看node帮助: node --help
    nodejs:window10下的nodejs基本知识

  • 查看node.exe所在目录(也即:nodejs的安装目录):where node
    nodejs:window10下的nodejs基本知识

    注意:我是在window10下的cmd中执行的

  • 运行指定的js脚本: node index.js
    nodejs:window10下的nodejs基本知识

  • 进入交互式执行环境: node
    nodejs:window10下的nodejs基本知识

    注意:虽然我们没有将交互的命令保存,但nodejs还是默认给我们保存了,看文件C:\Users\Jackletter\.node_repl_history
    nodejs:window10下的nodejs基本知识

五、关于npm

npm是node下的包管理工具,我们可以从npm的仓库里下载包,也可以发布包,它是随着nodejs的安装而安装的。

npm常用命令:

  • 查看npm版本 npm -vnpm --version
    nodejs:window10下的nodejs基本知识

  • 查看npm配置项 npm config list
    nodejs:window10下的nodejs基本知识

  • 查看npm所有的配置npm config ls -l
    nodejs:window10下的nodejs基本知识

    上面配置较多,不好查看,可以使用npm config ls -l >1.txt命令将结果输出到文件中。
    上面配置项中重要的部分:

    • 仓库地址: metrics-registry = "https://registry.npmjs.org/"
    • prefix = “C:\Users\Jackletter\AppData\Roaming\npm”
    • 缓存路径:prefix = "C:\\Users\\Jackletter\\AppData\\Roaming\\npm"
    • 全局配置: globalconfig = "C:\\Users\\Jackletter\\AppData\\Roaming\\npm\\etc\\npmrc"
    • 全局版本忽略文件:globalignorefile = "C:\\Users\\Jackletter\\AppData\\Roaming\\npm\\etc\\npmignore"
    • 初始化模块:init-module = "C:\\Users\\Jackletter\\.npm-init.js"
    • npm init使用的一些配置:
      nodejs:window10下的nodejs基本知识
    • 仓库地址:registry = "https://registry.npmjs.org/"
    • 使用的脚本程序:shell = "C:\\Windows\\system32\\cmd.exe"
    • 临时目录:tmp = "C:\\Users\\JACKLE~1\\AppData\\Local\\Temp"
    • 用户配置文件:userconfig = "C:\\Users\\Jackletter\\.npmrc"
  • 查看npm仓库地址npm config get registry
    nodejs:window10下的nodejs基本知识

  • 设置npm仓库地址npm config set registry http://registry.npm.taobao.org/
    nodejs:window10下的nodejs基本知识

    设置完成后,查看 C:\Users\Jackletter\.npmrc文件中已做了记录:
    nodejs:window10下的nodejs基本知识

  • 查看当前包安装路径 npm root,查看全局包安装路径npm root -g
    nodejs:window10下的nodejs基本知识

  • 安装指定包 npm install koa
    nodejs:window10下的nodejs基本知识

    可以看到,将koa的最新版本包安装到了node_modules目录下,并生成pack-lock.json文件。
    注意:安装的时候会将koa所有的依赖包都安装到node_modules下面,package-lock.json文件里精确记录着所有下载了包的名称/版本/地址。
    nodejs:window10下的nodejs基本知识
    nodejs:window10下的nodejs基本知识

  • 移除包 npm uninstall koa:

    注意,这个命令仅移除指定的包!

  • 安装指定版本的包 npm install [email protected]

  • 安装指定scope的包 npm install @vue/cli

    注意:这里的scope是vue(必须以@开头),scope的作用是为了方便管理一系列关联的包,它们安装在客户端后会放在一个目录里,如:
    nodejs:window10下的nodejs基本知识
    关于scope解释:https://www.jianshu.com/p/ac5b5f65320b

  • 初始化一个目录作为工程位置 npm init

    nodejs:window10下的nodejs基本知识
    初始化后的文件内容:nodejs:window10下的nodejs基本知识

  • 安装指定包并保存到package.jsonnpm install jquery --save

    nodejs:window10下的nodejs基本知识
    注意:需要先建立package.json文件才能将安装的包添加进去

  • 安装指定的包,并保存到package.json中,作为开发环境依赖npm install @vue/cli --save-dev
    nodejs:window10下的nodejs基本知识

  • 根据当前目录package.json文件中的描述安装依赖包 npm installnpm i

  • 安装包到全局 npm install @vue/cli -g

    安装完成后,全局目录里面已经有了:
    nodejs:window10下的nodejs基本知识
    而这个目录在当前用户的环境变量里:
    nodejs:window10下的nodejs基本知识
    所以我们可以在命令行中直接运行vue ui,如下:
    nodejs:window10下的nodejs基本知识

  • npm run命令
    待续。。。

  • npx 待续

  • npm工程

六、浏览器调试

相关文章:

  • 2021-11-29
  • 2022-12-23
  • 2021-09-21
  • 2021-12-09
  • 2022-02-08
  • 2021-12-29
  • 2021-07-02
猜你喜欢
  • 2021-08-21
  • 2021-06-18
  • 2021-11-25
  • 2021-12-02
  • 2022-02-19
  • 2022-12-23
  • 2021-06-28
相关资源
相似解决方案