环境:
- window10x64 专业版
- node-v14.15.1-x64.msi
一、安装包的下载
-
网盘:
链接:https://pan.baidu.com/s/1KbBPHA369Wm71Dy5Q4Eizw
提取码:1s4x
二、安装过程
傻瓜式安装,除了修改一下安装目录,其他的用默认即可。
安装目录最好不要有空格,我这里选的是
D:\nodejs
三、安装后的变化
3.1 安装后的目录如下
安装后已经自带了
npm。
安装后在当前用户目录下多了一个npm文件夹,不过是空的,如下:
3.2 安装后的环境变量
检查Path环境变量如下:
正因为nodejs自动将安装目录配置到了Path中,所以我们在命令行中直接输入node,cmd就会自动找到D:\nodejs\node.exe并执行。同理,D:\nodejs目录下的npm.cmd和npx.cmd也让我们可以在命令行中执行命令npm和npx。
四、node常用命令
-
查看node版本:
node --version或node -v -
查看node帮助:
node --help -
查看
node.exe所在目录(也即:nodejs的安装目录):where node注意:我是在window10下的cmd中执行的
-
运行指定的js脚本:
node index.js -
进入交互式执行环境:
node注意:虽然我们没有将交互的命令保存,但nodejs还是默认给我们保存了,看文件
C:\Users\Jackletter\.node_repl_history:
五、关于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 [email protected]: -
安装指定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工程