初识node.js(通过npm下载项⽬依赖的包的过程)
⼀、初识node.js
简单的说Node.js 就是运⾏在服务器端的JavaScript。
Node.js 是⼀个基于Chrome JavaScript 运⾏时建⽴的⼀个平台。
Node.js是⼀个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执⾏Javascript的速度⾮常快,性能⾮常好。
Node.js 的包管理器 npm,是全球最⼤的开源库⽣态系统。
1、安装node.js
从官⽹下载安装包,本⽂以安装v8.12.0版本为例,下载完成后按照提⽰安装。
注意:若安装过程中修改了默认安装路径,则要将修改后的路径添加到系统的环境变量中。
2、node.js命令介绍(cmd终端执⾏)
查看node版本: node –v
查看npm版本:npm -v
进⼊node环境:node
退出node环境:两次ctrl+c
3、通过node.js的npm下载项⽬中⽤到的包如bootstrap和jquery等,步骤如下:
google play下载官方a、安装好node.js后,在命令⾏通过cd命令切换到项⽬⽬录下;
b、初始化项⽬⽬录,会⾃动⽣成⼀个package.json⽂件来管理我们的包,命令如下:
npm init 或者 npm init --yes
c、下载当前项⽬依赖的包,如bootstrap和jquery,命令如下:
npm install jquery –S 或者 npm install jquery --save
npm install jquery@3.3.1 –S(--save)或者 npm install jquery@3 –S(--save)
注意:
1)默认下载最新版本,也可以带上版本号;
2)执⾏命令后项⽬中增加了⼀个node_modules⽂件夹,包含jquery⽂件;
3)执⾏命令后package.json中增加了”dependencies”:{ "jquery": "^3.3.1" };
下载bootstrap则把上边的jquery换成bootstrap即可,也可以指定版本,如下:
npm install bootstrap@3 –S 或者 npm install bootstrap@3 –save
注意:
1)默认下载最新版本,也可以带上版本号;
下载jdk教程2)执⾏命令后项⽬的node_modules⽂件夹增加了⼀个bootstrap⽂件夹;
3)执⾏后package.json中的”dependencies”值增加了{ "bootstrap": "^3.3.7",};
maniac>configuration error是什么意思怎么看自己的jdk位置PS:当前项⽬依赖包在dependencies中,开发环境下依赖的包在devDependencies中存放。
总结:项⽬依赖的所有包都放在node_modules⽂件夹中。
d、卸载命令:npm uninstall jquery –S
4、github不允许上传超过100M的项⽬,所以上传项⽬的时候不⽤上传node_modules⽂件夹。
⼿动删除node_modules⽂件夹后,package.json中依赖的包还存在的话,在终端执⾏命令,则可以⾃动下载package.json中的所有包,命令如下: npm install
所以当你从GitHub下载⼀个项⽬后,进⼊项⽬⽬录,执⾏npm install就可以下载项⽬依赖的包。
5、例如,⼀个项⽬中的package.json⽂件中有如下键值对:
"scripts": {
"dev": "node build/dev-server.js",
jquery下载超大文件 "build": "node build/build.js"
},
那么,我们可以执⾏npm run dev来打开node服务器,然后访问项⽬;可以执⾏npm run build命令对项⽬进⾏压缩和丑陋化(js和css⽂件都在⼀⾏,且变量⽤e、t、i等单字母表⽰)。
注意:前端也是服务器的,即node.js。常常作为中间层,接受前端页⾯发送的请求,并向python等后台的服务器发送请求。前端全局变量都挂在window对象上,node.js全局变量挂在global对象上。
6、前端三⼤压缩⼯具:webpack(⽤的⽐较多)、grunt、gulp。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论