node js的安装和npm包的使用

node js 的安装

下载官网地址:node.js
下载方法:
【注意】电脑系统版本比较高的话,可以选择下载最新版本,如果电脑系统版本低可选择一下方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

测试安装是否成功

2-1. 打开命令行窗口(cmd)
(1) 在开始菜单 的搜索栏输入 cmd 直接回车
(2) 在电脑的任何空白地方 , 按着 shift键 + 鼠标右键 ===》出现菜单 ==》 在此处打开命令行窗口(W)
在这里插入图片描述

2-2 在命令行窗口中输入命令测试
输入 node -v 回车
出现详细的nodejs版本号, 就证明nodejs 安装成功了

如果输入命令回车出现 一下的提示信息: 就证明要么没有安装相关的命令工具,或者是安装失败
‘xxx’ 不是内部或外部命令,也不是可运行的程序或批处理文件。
在这里插入图片描述

安装好以后在本地建立一个文件夹,用来存放moudel模块的

第1步

在这里插入图片描述

第2步

在这里插入图片描述

第3步 npm包的管理命令

npm 随着nodejs的安装一起安装
测试 npm 是否可以使用
输入 npm -v 回车即可
在这里插入图片描述
es6的模块: 借助一个webapck的打包工具使用

第4步 在命令窗口输入 nmp init -y 然后按回车键

在这里插入图片描述

第5步 在命令窗口输入 nmp install (下载的插件名)(eg:webpack webpack-cli) - -save 然后按回车键

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
文件夹内的node_moduels文件在使用时存在,不使用时可以删除,这文件比较大,拷贝的话会很占空间,如果删除后,还需要使用,可以在命令行内输入 npm i 按回车键就可以恢复
拷贝文件时: 一定不要拷贝 node_modules (这是存放第三方包的地方,可以随时安装随时删除)
安装依赖:
在项目的根目录下(package.json 文件所在的目录) 执行 npm i 命令
在这里插入图片描述

以上所有的准备工作已经做好,在目录文件夹内建立一个新的文件夹

在这里插入图片描述
在这里插入图片描述

把zhaozhizu这个文件夹通过vscode打开

在src文件夹内建立一个入口文件,也就是js文件
在这里插入图片描述

在index.js内输入代码 在命令窗口内输入命令 npm run build 按回车

webpack的相关命令:
npm run build
npm run dev

在这里插入图片描述
这个文件内会有一个main的js文件,在index文件内输入新的执行代码,通过 在命令窗口的呼入npm run bulid 命令 回车就会在main的js文件内输出
在这里插入图片描述
在这里插入图片描述
在src文件夹内,index文件属于入口文件,可以在src内建立多个文件,这些模块文件内可以相互链接

猜你喜欢

转载自blog.csdn.net/weixin_53125457/article/details/114893736