教程npm vue
npm学习（七）之如何发布包、更新发布包、删除发布包
前言 我们经常使用npm来下载别人的模块或者说包，那么我们如何将自己写的模块上传到npm呢？ 了解npm政策 在开始之前，最好回顾一下npm的政策，以防您对站点礼仪、命名、许可或其他指导原则有疑问。 发布包 1、创建用户帐户，要发布，您必须是npm注册表上的用户。如果您不是用户去npmjs.org注 ......
npm学习（四）之如何安装全局包、更新全局安装的包、卸载全局安装的包
如何安装全局包 有两种方式用来安装 npm 包：本地安装和全局安装。选用哪种方式来安装，取决于你如何使用这个包。 如果你想将其作为一个命令行工具，那么你应该将其安装到全局。这种安装方式后可以让你在任何目录下使用这个包。比如 grunt 就应该以这种方式安装。 如果您希望依赖于来自您自己模块的包，那么 ......
npm学习（三）之如何安装本地包、更新本地安装的包、卸载本地安装的包
如何安装本地包 有两种方式用来安装 npm 包：本地安装和全局安装。至于选择哪种方式来安装，取决于我们如何使用这个包。 如果你自己的模块依赖于某个包，并通过 Node.js 的 require 加载，那么你应该选择本地安装，这种方式也是 npm install 命令的默认行为。 如果你想将包作为一个 ......
npm学习（九）之README.md文件
包括文档(readme.md) npm建议您包含一个readme文件来记录您的包。自述文件必须有文件名readme.md。文件扩展名.md表示该文件是一个标记(markdown)文件。当有人发现您的包时，该文件将出现在npm网站上。在开始之前，请查看一些包页面，了解可以添加到readme文件中的信息 ......
npm学习（十一）之package-lock.json
package-lock.json 描述 对于npm修改node_modules树或package.json的任何操作，都会自动生成package-lock.json，它描述生成的确切树，以便后续安装能够生成相同的树，而不管中间依赖项更新如何。 此文件拟提交至来源资料库，并可作以下用途： 描述依赖关 ......
npm学习（十）之如何使用创建、发布、使用作用域包
前言 要求npm版本2或更高 作用域用于将相关包分组在一起，并为npm模块创建一个名称空间(类似于域)。这里有更详细的解释。 如果一个包的名称以@开头，那么它就是一个有作用域的包。范围是@和斜杠之间的所有内容。 @scope/project-name 每个npm用户都有自己的范围。 @usernam ......
npm学习（八）之更新发布包时如何使用语义化版本
npm的语义化版本控制——Semantic versioning 在新发布的代码中传达更改的程度非常重要，因为有时更新会破坏包需要的代码(称为依赖项)。语义化版本控制(semver)是一个旨在解决这个问题的标准。 Semver出版商 如果一个项目要与其他项目共享，那么它应该从1.0.0开始(尽管np ......
[Vue] vue学习笔记(2): 监视属性 & 计算属性
关于计算属性 案例：分别输入姓和名，打印全名 基本代码 <div id='root'> first name<input type="text" v-model="firstname"><br/><br/> last name<input type="text" v-model="lastname" ......
npm学习（十八）npm scripts 使用指南
参考 npm scripts 使用指南 实战 "scripts": { "dev": "webpack serve --config build/webpack.dev.conf.js --color --progress", "start": "npm run dev & NODE_ENV=dev ......
bower学习（三）npm和bower的区别
npm和bower的区别 npm 1、是进行后端开发中，使用的模块安装工具，比如，在安装express，socket.io时，当然使用的是npm，主要运用于Node.js项目的内部依赖包管理 2、是伴随 Node.js 出现的一个包管理器，最开始只能支持 Node.js 的模块管理，但是后来， np ......
npm学习（十七）之node_modules中的bin文件夹
可执行文件 在本地模式下，可执行文件指向的位置； ./node_modules/.bin 以便可以通过 npm 运行的脚本使用它们。 例如，当您运行测试，将在路径中 npm test。 npm为script字段中的脚本路径都加上了node_moudles/.bin前缀 npm为script字段中的脚 ......
Vue打包发布
打包发布 目标：明确打包的作用 说明：vue脚手架只是开发过程中，协助开发的工具，当真正开发完了，脚手架不参与上线 打包的作用： 将多个文件压缩合并成一个文件 语法降级 less sass ts 语法解析 .... 打包后，可以生成，浏览器能够直接运行的网页 命令：npm run build 打包完 ......
npm无法登录的解决方案收集
先附上npm官方地址：https://www.npmjs.com/ 1.报错npm ERR! request to https://registry.npmjs.org/@react-pdf%2frenderer failed, reason: getaddrinfo EAI_AGAIN regis ......
如何在vue中注册和使用全局组件
1、在main.js入口文件中，使用Vue.component()方法注册组件 2、在需要使用组件的地方进行标签使用即可 <MyCount></MyCount> ......
Vue3 + ant-design-vue@3.2.15 + UploadPictureCard
<template> <a-upload name="file" v-model:file-list="showFileList" list-type="picture-card" :multiple="multiple" :max-count="maxCount" :before-upload=" ......
vue引入外部样式只在当前文件生效
引入外部文件时，想要只在当前组件使用，但是我们使用如下方式时，会在全局使用。因为在scoped起作用的时候，import还没有引入这个文件 <style scoped> @import "../../xx.css" </style> 使用以下方式即可 <style scoped src="../.. ......
Vue3 第二章（配置环境）
下载node.js 可以在终端输入npm -v 来检查是否安装成功 成功以后会展示版本号 构建vite项目 使用vite初始化一个项目 npm创建 npm init vite@latest 和 npm init vue@latest 都可以创建 npm init vue@latest比较全一点把路由 ......
cocos creator Shader教程：熔岩Shader史上最强注解
今天我们以一个2.1版最新creator材质+熔岩Shader为例子，详细的注解最新的cocos creator Shader结构, 希望帮助新手搞定cocos creaetor Shader。 先看一下完成的渲染流程图，多看几遍，我们写的Shader代码就是实现红色环节的: 看完了么？啥也不说了， ......
【源码系列#02】Vue3响应式原理（Effect）
专栏分享：vue2源码专栏，vue3源码专栏，vue router源码专栏，玩具项目专栏，硬核💪推荐🙌 欢迎各位ITer关注点赞收藏🌸🌸🌸 Vue3中响应数据核心是 reactive ， reactive 的实现是由 proxy 加 effect 组合，上一章节我们利用 proxy 实现了 ......
html中直接引入Vue时可能会出现未解析时的解决方案
<div id="app" style="display: flex; position: absolute; left: -6000px"></div> 在mounted中: let app_dom = document.getElementById("app"); app_dom.style.l ......
npm换源
# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npmmirror.com ......
vue自定义指令应用场景
1.防止重复操作(节流)一段时间内只允许操作一次 适用场景：接口请求、频率限制 2.一键复制 3.活动埋点 页面曝光埋点以及点击事件埋点 4.图片懒加载 在图片出现在视窗区域时开始加载，减少不必要的请求以及流量，适用于无限滚动列表以及瀑布流页面。 5.悬浮拖拽 悬浮可拖拽按钮 6.无限滚动加载 让网 ......
Video教程的Domain设计
Domain设计 下面将介绍Video的表设计，和模型定义。 表设计 Videos设计 /// <summary> /// 视频聚合 /// </summary> public class Video : FullAggregateRoot<long, long> { /// <summary> / ......
Vue3 + element-plus + Js 中使用 sheetjs xlsx 导入导出 Excel
安装模块 官方文档 NodeJS | SheetJS Community Edition代码： 1 <script setup> 2 3 import { ref, onMounted } from "vue"; 4 import { readFile, read, utils, writeFile ......
vue3项目中的一些报错
问题简介 关于typeScript编译配置问题 "importsNotUsedAsValues"选项已被弃用，并将在TypeScript 5.5中停止使用。要消除此错误， 请指定compilerOption '"ignoreDeprecations": "5.0"'。请改用'verbatimModu ......
Vue-mixin 混入处理
概述 再日常开发中，对于组件内部的方法多处存在相同的特点，往往会抽离出一个公共的方法方便调用，但是由于多个组件可能都需要用到这个方法，所以通过mixin混入的方式，将该方法独立抽离出来，方便多个组件的使用。 步骤 再src目录下创建一个mixins 再该目录下创建一个xxxx.js文件 编写对应的j ......
Vue3中 使用v-for嵌套 获取其他数组中的值作为key值 渲染数据
<tbody> <tr v-for="(row, idx) in rows" :key="idx"> <td v-for="(item, key) in title" :key="key">{{ row[key] }}</td> </tr> </tbody> rows是一个数组，但是我不知道他的键值 ......
Navicat 破解版安装教程_永久激活,亲测好用
Navicat 16 破解版安装教程_激活码分享 今天给大家分享一波 Navicat 16 的破解版安装教程，通过激活工具一键生成激活码，输入 Navicat 即可完成激活，无图无真相，下面是我破解成功的截图： Navicat 16 破解激活成功截图 废话少说，下面演示如何永久激活 Navicat ......
vue3 jsPlumb学习
<template> <div class="box"> <div @click="clearLine">clear</div> <div @click="initConponents">line</div> <div @click="getData">get</div> </div> <div c ......