正文

前端技术简单学习nodejs&npm(代码片段)

wgyi140724-  wgyi140724-  2022-12-03  158

关键词：

Npm是node提供的管理模块的工具--》相当于我们后台的maven

1.安装nodejs

NodeJs下载：https://nodejs.org/en/download/

node-v10.4.1-x64.msi

傻瓜式安装就可以了

检查安装：node –v

安装完成Node应该自带了NPM了，在控制台输入npm -v查看

版本升级：npm install [email protected] –g

--这个命令可能无法更新，由于系统原因，可使用 npm install node-sass --registry=http://registry.npm.taobao.org

2.创建一个前端项目

入门操作

技术图片

--在idea中初始化环境

　　进入当前项目目录，输入初始化命令：npm init –y,

技术图片

安装vue模块：

npm install/i vue--一定要进入当前项目的目录下

测试

写个html 引入vue

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>npm</title>
    <script type="text/javascript" src="node_modules/vue/dist/vue.min.js"></script>
</head>
<body>
<div id="app">
    我是name，今年age岁
</div>
<script type="text/javascript">
    var app = new Vue(
        el:"#app",
        data:
            name:"啊哈哈",
            age:23
        
    )
</script>
</body>
</html>

技术图片

nodejs学习目录

...话　　几年前，对于学习NodeJS可能还有所迟疑，怕分散了前端学习的精力。但到了现在，如果不学习nodeJS，前端的学习却可能无法再有所进展。技术的进步就是这么残酷。对新技术观望的时候，该技术已经大行其道了　　小火柴... 查看详情

npm简单介绍(代码片段)

...么是npmnpm全称:nodepackagemanager。nodejs的包管理器，现代前端开发必备工具。2.windwos下zip安装npm在：https://nodejs.org/zh-cn/download/下载node的二进制文件(.zip)。下载解压后配置环境变量，如下图。配置完成后，在CMD，... 查看详情

前端另一个运行环境nodejs

参考技术A说前端，就不得不说JavaScript，JavaScript可以直接在浏览器中运行，它的另一个运行环境就是NodeJs。浏览器中写JavaScript是超级简单的，打开浏览器，然后按F12或者鼠标右键，选择检查（检查元素），再选择控制台，输入Co... 查看详情

学习前端vue怎么样？

...vue提供了一个官方的CLI，我们就叫它为脚手架。它为现代前端工作流提供了batteries-included的构建设置，只需要几分钟的时间就可以运行起来并带有热重载、保存时lint校验，以及生产环境可用的构建版本。简单的说，就是我们使... 查看详情

web前端培训知识分享：2种离线安装npm包的方法

学习Web前端的朋友都知道JavaScript是前端绕不开的话题，也是学习的重难点。而npm是连接JavaScript的一扇大门，能解决NodeJS代码部署上的很多问题，很多人在学习时对于npm包怎么离线部署无能无力。下面，千锋武汉... 查看详情

cypress学习1-windows环境npm安装cypress(代码片段)

前言web技术已经进化了，web的测试技术最终还是跟上了脚步，新一代的web自动化技术出现了？Cypress可以对在浏览器中运行的任何东西进行快速、简单和可靠的测试。"Thewebhasevolved.Finally,testinghastoo.Fast,easyandreliabletestingforanything... 查看详情

物联网服务nodejs-5天学习第一天篇④——了解nodejs回调函数和事件驱动机制(代码片段)

...器开发知识❤️❤️业余爱好物联网开发者，有简单技术基础，想针对硬件功能构造简单的服务器❤️❤️本篇创建记录2023-03-12❤️❤️本篇更新记录2023-03-12❤️技术要求有HTML、CSS、JavaScript基础更好，当然也没事&#... 查看详情

atom插件安装引发的nodejs和npm安装血案

最近在写前端网页，学习就要从高大上的地方开始，于是我打算装一个atom编辑器。本来就是由github客户端的，再装个atom也算是配套了吧，其实本白也是蛮费心思的，技术不怎么地，什么神器都再努力地使用啊。Atom下载安装就好... 查看详情

物联网服务nodejs-5天学习第四天存储篇②——nodejs连接操作mysql8.0(代码片段)

（转）前端开发-发布一个npm包之最简单易懂流程(代码片段)

原文地址：https://www.cnblogs.com/sghy/p/6829747.html1.npm官网创建npm账户npm网站地址：https://www.npmjs.com/npm网站注册地址：https://www.npmjs.com/signup2.命令行工具登录npmnpmlogin验证登录是否成功npmwhoami3.创建npm库npminit按照提示输入相应内容：以... 查看详情

初识nodejs

...话　　几年前，对于学习NodeJS可能还有所迟疑，怕分散了前端学习的精力。但到了现在，如果不学习nodeJS，前端的学习却可能无法再有所进展。技术的进步就是这么残酷。对新技术观望的时候，该技术已经大行其道了。本文将介... 查看详情

vue学习笔记1-基本知识

1.npm安装node.js的时候会一起安装npm包管理器，能够解决nodejs代码部署问题，常见使用如下：允许用户从npm服务器下载别人编写的第三方包到本地应用允许用户从npm服务器下载并安装别人编写的命令行程序到本地使用允许将自己编... 查看详情

物联网服务nodejs-5天学习第二天篇①——fs文件系统(代码片段)

物联网服务nodejs-5天学习第一天篇②——安装nodejs环境以及vscode开发工具(代码片段)

【NodeJs-5天学习】第一天篇②——安装环境以及开发工具1、Node.js环境安装1.1下载安装文件1.2安装步骤1.3常规配置，主要是NPM1.3.1查看配置1.3.2配置国内下载镜像1.3.3尝试下载安装包1.4NPM使用介绍1.4.1查看当前npm版本——npm-v、np... 查看详情

gulp学习笔记

...用到它。　　为了确保Node已经正确安装，我们执行几个简单的命令：node-v和 npm-v 来查看一下Node 查看详情

物联网服务nodejs-5天学习第四天存储篇①——安装使用mysql8.0(代码片段)

物联网服务nodejs-5天学习第三天实战篇③——基于mqtt的环境温度检测(代码片段)

物联网服务nodejs-5天学习第一天篇③——vscode上运行第一个nodejs程序，配置自动重启插件nodemon(代码片段)

...器开发知识❤️❤️业余爱好物联网开发者，有简单技术基础，想针对硬件功能构造简单的服务器❤️❤️本篇创建记录2023-03-12❤️❤️本篇更新记录2023-03-12❤️技术要求有HTML、CSS、JavaScript基础更好& 查看详情