python 全栈开发,Day54(node.js初识)

2023-12-14 00:18

本文主要是介绍python 全栈开发,Day54(node.js初识),希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

python 全栈开发,Day54(node.js初识)

一、什么是Node.js                  

简单的说 Node.js 就是运行在服务端的 JavaScript。
Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。
Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。

 一般的架构是这样的

有了Node.js之后,架构是这样的

通过Node.js可以有效的,环境后端服务器的压力。

二、安装Node.js                   

你可以根据不同平台系统选择你需要的Node.js安装包。

Node.js 历史版本下载地址:https://nodejs.org/dist/

这里安装的版本是6.11.2,下载链接

https://nodejs.org/dist/v6.11.2/

选择node-v6.11.2-x64.msi文件,进行下载。

下载完成之后,默认安装在c盘,不建议修改路径。可能会造成找不到node命令的清空。

全部点击下一步就可以了,安装完成后,打开cmd窗口,输入命令

node -v

 

三、NPM 使用介绍                  

NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:

  • 允许用户从NPM服务器下载别人编写的第三方包到本地使用。
  • 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
  • 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。

由于新版的nodejs已经集成了npm,所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下,出现版本提示表示安装成功:

创建模块                        

创建模块,package.json 文件是必不可少的。我们可以使用 NPM 生成 package.json

$ npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.See `npm help json` for definitive documentation on these fields
and exactly what they do.Use `npm install <pkg> --save` afterwards to install a package and
save it as a dependency in the package.json file.Press ^C at any time to quit.
name: (node_modules) runoob                   # 模块名
version: (1.0.0) 
description: Node.js 测试模块(www.runoob.com)  # 描述
entry point: (index.js) 
test command: make test
git repository: https://github.com/runoob/runoob.git  # Github 地址
keywords: 
author: 
license: (ISC) 
About to write to ……/node_modules/package.json:      # 生成地址{"name": "runoob","version": "1.0.0","description": "Node.js 测试模块(www.runoob.com)",……
}Is this ok? (yes) yes

以上的信息,你需要根据你自己的情况输入。在最后输入 "yes" 后会生成 package.json 文件

如果想避免上面的交互过程,可以一键生成包文件

npm init --yes

效果如下图:

进入目录,查看文件

使用notepad++,内容如下:

{"name": "01","version": "1.0.0","description": "","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1"},"keywords": [],"author": "","license": "ISC"
}
View Code

使用npm安装jquery

npm install jquery

效果如下:

查看目录,发现多了几个文件

查看packages.json,发现更新了,它记录了安装了jquery,版本是3.3.1

在项目目录下,新建一个文件index.html,内容如下:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title><!--导入jquery包,注意:在dist目录下--><script type="text/javascript" src="node_modules/jquery/dist/jquery.min.js"></script><script type="text/javascript">console.log($);</script>
</head>
<body></body>
</html>
View Code

网页查看console

说明jquery导入成功。

 

npm介绍                      

npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具

打开npm官方网址

https://www.npmjs.com/

 

翻译一下

创造惊人的东西
npm是JavaScript和全球最大的软件注册管理机构的软件包管理器。发现可重用代码包 - 并以强大的新方式进行组装。

它是一个集中化的包管理机构,前端的组件都在这里面,比如jquery,vue等等

翻译

什么是npm?
使用npm安装,共享和分发代码;管理项目中的依赖关系;并与他人分享并接受反馈。

翻译

你能用700,000个积木做什么?
npm注册中心拥有全球最大的免费可重用代码。

npm的包,都是免费的,有大量的开发者,将优秀的模块,放入这里了。

 

需要的包,在官网搜索就可以找到,比如jquery,最新版本是3.3.1

还有bootstap,这个是前端框架。

swiper,这个是专门用来做轮播图的,比如小米官网主页。

 

使用npm安装模块                  

使用npm安装模块时,可以指定版本,比如

npm install bootstrap@3 --save

它会安装3版本的以内的最高版本。安装软件时,记得加--save

它表示自动修改package.json文件

下面开始安装一下

查看package.json文件,发现多了一行。也记录了模块的名称以及版本。

 

github介绍                       

gitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名gitHub。

如果你需要将写的代码公开,让全世界的人,都可以访问。需要将代码放到github上面。

官方网址:

https://github.com/

 需要注意的是,github每个项目,限制大小为100M。看一下上面创建的01目录,现在多大了。

发现已经有3.67M了。如果安装的模块越多,那么项目目录会越来越大。由于这些模块都是公开的,并不需要修改源代码。所以在提交的时候,可以忽略掉这个目录,比如node_modules

如果忽略呢?创建项目时,有一个选项,勾选一下,输入node,回车

将项目克隆到本机,查看.gitignore文件,这个文件,是专门用来做排除的。排除必须提交的文件或者文件夹

会发现里面有一行

node_modules/

那么以后提交代码,这个目录下的文件,都不会被提交到github中。

 

运行开源项目                    

打开github的主页面,搜索项目vue

找到这个项目

下载到本地

看别人的项目,是不包含node_modules的。

压缩之后,使用cmd进入目录

那么问题来,它是如何自动安装依赖呢?

答案就是package.json文件,打开这个文件

这里面记录了所有的依赖模块以及版本

下载的项目如何运行,请参考README.md文件,就可以了。

 

如果需要卸载模块,使用命令

npm uninstall 模块名

卸载之后,会自动更新package.json文件

 

posted @ 2018-06-02 20:48 肖祥 阅读( ...) 评论( ...) 编辑 收藏

这篇关于python 全栈开发,Day54(node.js初识)的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!


原文地址:
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.chinasem.cn/article/490461

相关文章

python语言中的常用容器(集合)示例详解

《python语言中的常用容器(集合)示例详解》Python集合是一种无序且不重复的数据容器,它可以存储任意类型的对象,包括数字、字符串、元组等,下面:本文主要介绍python语言中常用容器(集合... 目录1.核心内置容器1. 列表2. 元组3. 集合4. 冻结集合5. 字典2.collections模块

Python进行word模板内容替换的实现示例

《Python进行word模板内容替换的实现示例》本文介绍了使用Python自动化处理Word模板文档的常用方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友... 目录技术背景与需求场景核心工具库介绍1.获取你的word模板内容2.正常文本内容的替换3.表格内容的

Python实现自动化删除Word文档超链接的实用技巧

《Python实现自动化删除Word文档超链接的实用技巧》在日常工作中,我们经常需要处理各种Word文档,本文将深入探讨如何利用Python,特别是借助一个功能强大的库,高效移除Word文档中的超链接... 目录为什么需要移除Word文档超链接准备工作:环境搭建与库安装核心实现:使用python移除超链接的

python库pydantic数据验证和设置管理库的用途

《python库pydantic数据验证和设置管理库的用途》pydantic是一个用于数据验证和设置管理的Python库,它主要利用Python类型注解来定义数据模型的结构和验证规则,本文给大家介绍p... 目录主要特点和用途:Field数值验证参数总结pydantic 是一个让你能够 confidentl

基于Go语言开发一个 IP 归属地查询接口工具

《基于Go语言开发一个IP归属地查询接口工具》在日常开发中,IP地址归属地查询是一个常见需求,本文将带大家使用Go语言快速开发一个IP归属地查询接口服务,有需要的小伙伴可以了解下... 目录功能目标技术栈项目结构核心代码(main.go)使用方法扩展功能总结在日常开发中,IP 地址归属地查询是一个常见需求:

Python函数的基本用法、返回值特性、全局变量修改及异常处理技巧

《Python函数的基本用法、返回值特性、全局变量修改及异常处理技巧》本文将通过实际代码示例,深入讲解Python函数的基本用法、返回值特性、全局变量修改以及异常处理技巧,感兴趣的朋友跟随小编一起看看... 目录一、python函数定义与调用1.1 基本函数定义1.2 函数调用二、函数返回值详解2.1 有返

Python Excel 通用筛选函数的实现

《PythonExcel通用筛选函数的实现》本文主要介绍了PythonExcel通用筛选函数的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着... 目录案例目的示例数据假定数据来源是字典优化:通用CSV数据处理函数使用说明使用示例注意事项案例目的第一

Python实现中文大写金额转阿拉伯数字

《Python实现中文大写金额转阿拉伯数字》在财务票据中,中文大写金额被广泛使用以防止篡改,但在数据处理时,我们需要将其转换为阿拉伯数字形式,下面我们就来看看如何使用Python实现这一转换吧... 目录一、核心思路拆解二、中文数字解析实现三、大单位分割策略四、元角分综合处理五、测试验证六、全部代码在财务票

使用python制作一款文件粉碎工具

《使用python制作一款文件粉碎工具》这篇文章主要为大家详细介绍了如何使用python制作一款文件粉碎工具,能够有效粉碎密码文件和机密Excel表格等,感兴趣的小伙伴可以了解一下... 文件粉碎工具:适用于粉碎密码文件和机密的escel表格等等,主要作用就是防止 别人用数据恢复大师把你刚删除的机密的文件恢

在.NET项目中嵌入Python代码的实践指南

《在.NET项目中嵌入Python代码的实践指南》在现代开发中,.NET与Python的协作需求日益增长,从机器学习模型集成到科学计算,从脚本自动化到数据分析,然而,传统的解决方案(如HTTPAPI或... 目录一、CSnakes vs python.NET:为何选择 CSnakes?二、环境准备:从 Py