自从工作以来,写项目的时候经常需要手写一些方法和引入一些js库 JS基础又十分重要,于是就萌生出自己创建一个JS工具库并发布到npm上的想法 于是就创建了一个名为learnjts的项目,在空余时间也写了几个工具函数,后续还会再继续增加... 这篇文章就是一篇实战文章,我把自己创建项目,发布到np
npm诞生背景 集中管理所有模块,所有模块都上传到仓库(registry) 模块内创建package.json标注模块的基本信息 通过npm publish发布模块,上传到仓库(registry) 通过npm install安装模块到node_modules目录内 npm解决的核心问题是模块管理问题 npm包含cli,模块仓库,官网三大部分 npm link本
定义: package.json文件跟踪依赖关系和元数据,是配置和描述如何与程序交互和运行的中心。 它包含名称、描述和版本之类的信息,以及运行、开发以及有选择地将项目发布到 NPM 所需的信息。 示例: { "name": "my-project", "version": "1.5.0", "description": "Express server pr
1.由于 React 和 React-dom 并不是使用 TS 进行开发的,所以 TS 不知道 React、 React-dom 的类型,以及该模块导出了什么,此时需要引入 .d.ts 的声明文件 npm i @types/react -s npm i @types/react-dom -s
1、去node.js官网(https://nodejs.org/en/)下载长期支持版本,并运行安装(傻瓜式安装即可,一直下一步就行); 2、安装完成之后检查版本信息,输入:node -v、npm -v,显示安装版本; (注意:输入npm -v时,有可能会出现npm WARN config global `--global`, `--local` are deprecated. Use `--loc
Create React App global cli bug All In One CRA npx # yarn global remove create-react-app # npm uninstall -g create-react-app $ npx create-react-app cra-app # 并行 $ cd my-app & npm start # 串行 $ cd my-app && npm start npm $ npm init react-
npm install -g cnpm --registry=https://registry.npm.taobao.org 切换源 // 淘宝源 npm config set registry https://registry.npm.taobao.org // 默认源 npm config set registry https://registry.npmjs.org // 查看当前源 npm config get registry
一,安装jspdf库: 1,地址: https://github.com/parallax/jsPDF 2,安装: liuhongdi@lhdpc:/data/vue/pdf/image2pdf$ npm install jspdf --save npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @vue/[email protected] npm WARN Found: [email protected]
首先: npm config set registry https://registry.npm.taobao.org 配置后可通过下面方式来验证是否成功 npm config get registry 安装React 【请事先安装好node】 npm i -g create-react-app 【不指定版本就是安装最新版本】 安装完成之后使用 npm info react 查看当前包的信息
NPM学习笔记 NPM 是什么 npm(“Node 包管理器”)是 JavaScript 运行时 Node.js 的默认程序包管理器。 npm 由两个主要部分组成: 用于发布和下载程序包的 CLI(命令行界面)工具 托管 JavaScript 程序包的 在线存储库 package.json 每个 JavaScript 项目(无论是 Node.js 还是浏览器应用
解决: 删除项目中的node_modules 执行命令 rm package-lock.json(删除) 执行命令 npm cache clear --force 在执行npm install 执行 npm run build
1、在使用之前,先类掌握3个东西,明白它们是用来干什么的: npm: nodejs 下的包管理器。 webpack: 它主要用途是通过CommonJS 的语法把所有浏览器端需要发布的静态资源作相应的准备,比如资源的合并和打包。 vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue
前端开始 1.获取前端vue的项目代码,如果是压缩包,就解压 2.配置node.js环境,下载node.js源码包 wget https://nodejs.org/download/release/v8.6.0-linux-x64.tar.gz tar -zxcf node-v8.6.0-linux-x64.tar.gz (这是一个node的二进制源码包,已经编译完成了的node解释器,所以解压缩后无
1.vue官网写道: 这是与 Vue 3 匹配的 Vuex 4 的文档。如果您在找与 Vue 2 匹配的 Vuex 3 的文档。 Vue2 匹配 vuex3, Vue3匹配 vuex4。 npm i vuex 默认安装的是最新版本。 这里使用的是vue2 使用Vue2应该安装 vuex3.x 版本 2.解决方案: 安装之前先把项目停掉!!! 先卸载vuex:
一、环境介绍及会遇到的困难 electron是一款比较流行的桌面可视化开发工具,通过html+js+css实现桌面应用,优点就是多平台开发以及UI好看。缺点是外网npm仓库速度慢。话不多说开始我的教程,和可能遇到的坑的解决办法。 二、全局配置npm以及需要的包 安装的过程要是出现报错可以
什么是NPM 以下出自NPM官方文档并按照我自己的理解写的: npm是世界上最大的软件登记处。来自不同地方的开源开发者使用npm来分享和使用包(packages),并且许多机构也使用npm来管理私人开发。 npm包含三个不同的板块: 网站本身(the Website) CLI(the Command Line Interface) 登记处(the Reg
node.js 关于node.js可能会有些误解 node.js不是一门语言 node.js不是一个JavaScript库函数 node.js不是一个JavaScript框架 那么node.js到底是什么? 官方文档中写 Node.js is a platform built on Chrome's JavaScript runtime for easily building fast, scalable networkappli
- .npmrc文件,就是npm的配置文件。当然,寻找这个文件的目的,多数是为了修改.npmrc文件内容。 一、修改.npmrc文件 npm config edit 二、查看.npmrc配置内容 npm config ls -l 三、查看npm的缓存目录 npm config get cache 在项目根目录.npmrc文件设置镜像 // 普通包来源 re
1. 前提条件 在安装Angular之前,需要先安装NodeJS和npm。这里需要注意的是, Angular对NodeJS是有版本配置要求的。 如何知道在指定的Angular版本下,应该安装哪个版本的NodeJS了? 第一:首先要知道,我们准备安装哪个版本的Angular ,一般情况下安装稳定的版本就行了,具体版本信息可以查看 Rel
前面内容 基础内容 1.变量命名(关键词) 2.循环语句(for while do while)及 控制语句 (switch case if else)break退出这个执行过程 continue 跳过这一次的执行过程return返回 3.函数(arguments数组 this指向当前调用者) 4.数祖(增删改查方法) 5.字符串(增删改查 字符串不能变化(常
问题 npm ERR! Cannot read property 'insert' of undefined!! 问题报错样式(代码如下) npm ERR! Cannot read property 'insert' of undefined npm ERR! A complete log of this run can be found in: npm ERR! /root/.npm/_logs/2022-07-12T08_52_38_745Z-deb
前言 在此之前,你需要去npm官网注册一个属于自己的账号,记住自己的账户名以及密码、邮箱,后面会用的到。第一步,安装webpack简易框架 vue init webpack-simple marquee 这里会用到vue init 命令,如果你的cli版本是3或者以上,那么在此之前你需要安装vue/cli-init npm install -g @vue/cl
1.安装依赖包eslint npm install eslint --save-dev 2.设置package.json文件 "scripts":{ ... "lint":"eslint src", "lint:create":"eslint --init" } 3.初始化eslint npm run lint:create 创建完成后根目录会出现.eslintrc.js
1、介绍:这是一个git钩子,作用有可以在提交的时候去触发想调用的命令,比如代码风格格式化或者其他的命令 2、用法:https://typicode.github.io/husky/#/?id=automatic-recommended 安装 npm install husky --save-dev 初始化(官方推荐) npx husky-init && npm install # npm np
nvm 与 npx nrm npm i -g nrm nrm -V nrm ls ⇒查看所有源 nrm test ⇒测试所有源速度, 带星号的为当前使用源 nrm use 「源名称」 ⇒ 切换源 nrm add 「源名称」「url」 ⇒ 添加源 nrm current ⇒ 显示当前源 (可能会无效, 见d) nrm -help ⇒ 所有nrm指令