环境：vue

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

1、安装包的下载

• 官网：https://nodejs.org/en/download/node

• 网盘：jquery

  连接：https://pan.baidu.com/s/1KbBPHA369Wm71Dy5Q4Eizw
  提取码：1s4xweb

2、安装过程

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

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

3、安装后的变化

3.1 安装后的目录以下

安装后已经自带了npm。json

安装后在当前用户目录下多了一个npm文件夹，不过是空的，以下：
浏览器

3.2 安装后的环境变量

检查Path环境变量以下：

正由于nodejs自动将安装目录配置到了Path中，因此咱们在命令行中直接输入node，cmd就会自动找到D:\nodejs\node.exe并执行。同理，D:\nodejs目录下的npm.cmd和npx.cmd也让咱们能够在命令行中执行命令npm和npx。缓存

4、node经常使用命令

• 查看node版本：node --version或 node -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 -v或 npm --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.json中 npm install jquery --save：

  
  注意：须要先创建package.json文件才能将安装的包添加进去

• 安装指定的包，并保存到package.json中，做为开发环境依赖npm install @vue/cli --save-dev：
  

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

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

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

• npm run命令
  待续。。。

• npx 待续

• npm工程

6、浏览器调试