前端的组件都是基于 javascript 开发，然后用 node.js 打包，发布到 npm 的。所以我们要做组件发布，首先要了解 npm 包的开发与发布。npm 包的开发与发布项目初始化我们常常用 npm init 命令来初始化 node 项目；如果使用默认的设置，则可加入参数 -y。下面，我们新建一个 npm-components 文件夹，然后初始化项目：$ mkdir npm-compone
# 用npm、vue和docker打包你的应用程序
在现代的Web开发中，使用npm、vue和docker来打包你的应用程序是非常常见的。npm是Node.js的包管理工具，vue是一个流行的JavaScript框架，docker是一个用于构建、发布和运行应用程序的开放平台。在本篇文章中，我们将讨论如何使用这些工具来打包你的应用程序。
## npm
npm是Node.js的包管理工具，它允许
原创
2024-05-30 06:43:00
40阅读
首先创建Vue项目vue init webpack <项目名称>进入交互1. 输入项目名称2. 项目描述3. 作者名称4. 选择vue的编译模式 默认选择第一种模式5. 选择是否安装vue的路由 6. 是否启用eslint 检测你的代码 7. 启用tests （用来做单元测试的）8. 启用e2e （用来做单元测试的）9. 选择用yarn 还是npm 来安装依赖&nb
前言最近封装一个vue组件，手把手从0开始，最后发布到npm中。 插件如下 ： npm地址链接功能效果如下：（左右联动菜单）你可以选择直接修改我的代码进行打包发布。git地址
1. 安装vue脚手架选择最基础的即可vue create lm-menu-scroll2. 整理文件代码删除src文件， 新增packages文件，同时建议把eslint关闭（vue.config.js中增加 lintOn
jenkins+npm、maven打包+文件传输远程部署流程步骤一jenkins的安装jenkins服务启动访问jenkins页面步骤二npm的安装前端工程编译步骤三maven的安装maven配置注意项maven的使用步骤四结合jenkins进行自动部署1.jenkins配置2.以创建一个自由风格的软件项目为工程3.源码管理4.npm的构建5.maven的构建6.远程文件传输及shell执行7.
转载
2024-02-21 08:10:12
806阅读
npm install --registry=https://registry.npm.t
原创
2022-09-05 17:23:44
221阅读
前言平常使用Vue开发时，一个项目中多个地方需要用到的相同组件通常我们会封装为一个公共组件，但是如果项目不同我们也需要这个组件，那就需要复制一份公共组件代码到新项目，一个还好，如果是多个组件，这样就稍显麻烦了。 所以我们可以将封装好的组件打包发布至npm，就可以像element ui ant-design-vue这些ui组件库一样通过npm命令下载使用了一、准备需要封装vue组件，所以我们新建一个
转载
2024-10-23 17:06:18
60阅读
1、项目时间长了，vue的node_modules依赖竟然到了16个G2、之前npm run build:prod都是可以的3、最新一次竟然失败了，说缺少模块。
原创
2023-12-20 09:27:12
899阅读
npm包管理工具1，认识npmnpm即node的包管理器是Node.js默人的、以JavaScript编写的软件包管理系统npm已经是前端工程师的标配在npm上我们可以很方便的下载我们所需要的的包， 如jquery，vue等 官网 npm官方网站2，下载先下载node.js（因为node中自带有npm，所以无需多下载npm）node官网然后使用node.js的命令工具查看node版本$ node
转载
2024-06-05 12:48:44
54阅读
最近在学一学前端的东西，发现前端技术栈有几个概念有些分不清，比如接触Vue后，对Vue-Cli有了解后，仅仅知道Vue-Cli是一个Vue项目的脚手架，可以快速的构建一个Vue的基于Npm的模块化项目，Vue内部的打包机制其实还是借助Webpack；但是对Webpack\Npm\Node\Nodejs这几个在前端模块化中的高频词总是傻傻分不清，不知道他们之间的具体关系what is w
转载
2024-04-22 21:39:11
130阅读
npm 与 webpack打包一、npm介绍：js有两个主流的包管理器——npm和yarn，两者仓库是共通的1. 本地怎么导入一个npm模块呢？安装：npm一个模块后，package.json会记录该模块依赖信息，而该模块则会保存在node_modules里使用：import xx from 'xxx'功能：Webpack打包时解析到这句话，会去node_modules里寻找对应模块并引用寻找引用
转载
2024-03-28 08:07:39
186阅读
当我们使用vue-cli脚手架完成一个项目的时候，下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢，我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来，但是现在我们要把他放到服务器上的话用npm run build命令就可以啦。vue使用npm run build命令打包项目首先 命令行执行npm run build命令，命令需要在项目目录下执行C:\Use
原创
2022-11-19 06:44:37
4351阅读
vue组件库开发，做一个像elment-ui一样的，webpack打包，非常好用
原创
2023-10-03 09:04:02
287阅读
（一）问题描述：
我们全局安装vue/cli时，运行npm install -g @vue/cli命令，然后按照官网运行vue --version发现控制台报错：无法将“vue”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称。
解决方法为：
1、npm config get prefix
2、在电脑环境变量中配置刚刚得出的路径
再运行vue --ver
原创
2021-08-13 20:03:18
773阅读
在现代软件开发中，使用Docker打包Node.js应用是一个非常流行的实践。而在Node.js项目中，npm是一个不可或缺的依赖管理工具。本文将详细记录如何解决“Docker 打包 npm”这一问题，重点关注备份策略、恢复流程、灾难场景、工具链集成、预防措施和监控告警。
### 备份策略
生成的Docker镜像和npm包文件需要妥善备份。当我们维护一个公司的应用时，确保我们能够迅速恢复到一个
老杜 JavaWeb 讲解对应视频：04-编写第一个webapp05-BS结构系统的角色和协议(四) 实现一个基本的web应用(无Java)4.1 基本步骤找到CATALINA_HOME\webapps目录因为所有的webapp要放到webapps目录下。（没有为什么，这是Tomcat服务器的要求。如果不放到这里，Tomcat服务器找不到你的应用。）在CATALINA_HOME\webapps目录
本次升级的需求项目使用git做版本管控，项目正式环境与测试环境api地址及其他的一些设定有所不同，所以要编译不同环境设定下的代码就需要不同的编译指令。同时希望不同编译指令编译出的文件不相互影响。设计的升级方案自定义npm run testing命令,区分正式环境build命令与测试环境编译命令，不同命令编译的项目发布到指定的文件夹。达到的效果设定不同编译命令的环境变量，使用不同的编译命令打包代码n
转载
2024-05-08 17:50:48
429阅读
问题描述： npm打包时需要注意哪些？如何利用webpack来更好的构建？ 解题思路：`Npm`是目前最大的 JavaScript 模块仓库，里面有来自全世界开发者上传的可复用模块。 你可能只是JS模块的使用者，但是有些情况你也会去选择上传自己开发的模块。 关于NPM模块上传的方法可以去
npm | build amazing thingswww.npmjs.com
上进
转载
2024-03-06 23:21:15
147阅读
前言，最近负责vue组件，开始只是零碎的，但渐渐的多了起来，所以考虑做一套组件库发npm上，但是查看资料，基本都是缺胳膊少腿，没有一个是跑完全部流程的demo，所以自己参考资料以后做了一套上传、检测和使用的笔记供需要的参考。（备注：还是不清楚的可以查看视频教程。地址：） 标题：npm 如何发布和使用自定义组件1. 创建组件2. 上传组件3. 删除包4. npm登陆报账号密码错误 1. 创建组件（1
转载
2024-03-25 18:01:40
57阅读
我的vue项目npm run dev正常显示，npm run build打包之后没有内容。原来是我在配
转载
2022-07-06 19:20:49
660阅读
