nodejs:window10下的nodejs基本知识

环境:vue

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

1、安装包的下载

2、安装过程

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

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

3、安装后的变化

3.1 安装后的目录以下

在这里插入图片描述

安装后已经自带了npmjson

安装后在当前用户目录下多了一个npm文件夹,不过是空的,以下:
在这里插入图片描述浏览器

3.2 安装后的环境变量

检查Path环境变量以下:
在这里插入图片描述
正由于nodejs自动将安装目录配置到了Path中,因此咱们在命令行中直接输入node,cmd就会自动找到D:\nodejs\node.exe并执行。同理,D:\nodejs目录下的npm.cmdnpx.cmd也让咱们能够在命令行中执行命令npmnpx缓存

4、node经常使用命令

  • 查看node版本:node --versionnode -v
    在这里插入图片描述koa

  • 查看node帮助: node --help
    在这里插入图片描述

  • 查看node.exe所在目录(也即:nodejs的安装目录):where node
    在这里插入图片描述

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

  • 运行指定的js脚本: node index.js
    在这里插入图片描述

  • 进入交互式执行环境: node
    在这里插入图片描述

    注意:虽然咱们没有将交互的命令保存,但nodejs仍是默认给咱们保存了,看文件C:\Users\Jackletter\.node_repl_history
    在这里插入图片描述

5、关于npm

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

npm经常使用命令:

  • 查看npm版本 npm -vnpm --version
    在这里插入图片描述

  • 查看npm配置项 npm config list
    在这里插入图片描述

  • 查看npm全部的配置npm config ls -l
    在这里插入图片描述

    上面配置较多,很差查看,能够使用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使用的一些配置:
      在这里插入图片描述
    • 仓库地址: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
    在这里插入图片描述

  • 设置npm仓库地址npm config set registry http://registry.npm.taobao.org/
    在这里插入图片描述

    设置完成后,查看 C:\Users\Jackletter\.npmrc文件中已作了记录:
    在这里插入图片描述

  • 查看当前包安装路径 npm root,查看全局包安装路径npm root -g
    在这里插入图片描述

  • 安装指定包 npm install koa
    在这里插入图片描述

    能够看到,将koa的最新版本包安装到了node_modules目录下,并生成pack-lock.json文件。
    注意:安装的时候会将koa全部的依赖包都安装到node_modules下面,package-lock.json文件里精确记录着全部下载了包的名称/版本/地址。
    在这里插入图片描述
    在这里插入图片描述

  • 移除包 npm uninstall koa:

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

  • 安装指定版本的包 npm install koa@2.6.0

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

    注意:这里的scope是vue(必须以@开头),scope的做用是为了方便管理一系列关联的包,它们安装在客户端后会放在一个目录里,如:
    在这里插入图片描述
    关于scope解释:https://www.jianshu.com/p/ac5b5f65320b

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

    在这里插入图片描述
    初始化后的文件内容:在这里插入图片描述

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

    在这里插入图片描述
    注意:须要先创建package.json文件才能将安装的包添加进去

  • 安装指定的包,并保存到package.json中,做为开发环境依赖npm install @vue/cli --save-dev
    在这里插入图片描述

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

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

    安装完成后,全局目录里面已经有了:
    在这里插入图片描述
    而这个目录在当前用户的环境变量里:
    在这里插入图片描述
    因此咱们能够在命令行中直接运行vue ui,以下:
    在这里插入图片描述

  • npm run命令
    待续。。。

  • npx 待续

  • npm工程

6、浏览器调试

相关文章
相关标签/搜索