# 用npm、vue和docker打包你的应用程序
在现代的Web开发中，使用npm、vue和docker来打包你的应用程序是非常常见的。npm是Node.js的包管理工具，vue是一个流行的JavaScript框架，docker是一个用于构建、发布和运行应用程序的开放平台。在本篇文章中，我们将讨论如何使用这些工具来打包你的应用程序。
## npm
npm是Node.js的包管理工具，它允许
原创
2024-05-30 06:43:00
40阅读
前端的组件都是基于 javascript 开发，然后用 node.js 打包，发布到 npm 的。所以我们要做组件发布，首先要了解 npm 包的开发与发布。npm 包的开发与发布项目初始化我们常常用 npm init 命令来初始化 node 项目；如果使用默认的设置，则可加入参数 -y。下面，我们新建一个 npm-components 文件夹，然后初始化项目：$ mkdir npm-compone
首先创建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阅读
前言这篇文章是准备不写的，因为之前写过uniapp插件上传npm，然后加上在手写VUE步骤条组件这篇文章中有提到后期会将这个步骤条组件上传到npm仓库，然后我就用上传uniapp插件的方式试着上传VUE这个插件，上传是能上传，结果在VUE项目中npm安装的这个插件的时候就无法安装，于是我就再思考，哦原来这个uniapp插件上传和VUE插件上传还不一样，于是就有了这篇文章！开干1.创建一个空VUE项目之前创建VUE项目的时候，应该用的是下面这个命令vue init webpack you-proje
原创
2022-12-01 17:07:37
232阅读
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.jenkins安装1.1.安装JDK1.2.安装jenkins1.3.配置jenkis的端口1.4.启动jenkins1.5.打开jenkins2.发布vue项目2.1.安装插件2.1.1.安装NodeJS插件2.1.2.安装连接SSH的插件2.1.3.安装把应用发布到远程服务器的插件2.2.配置git和NodeJS环境2.2.1.安装配置git2.2.2.安装配置NodeJS3
转载
2024-03-31 08:09:09
293阅读
1、项目时间长了，vue的node_modules依赖竟然到了16个G2、之前npm run build:prod都是可以的3、最新一次竟然失败了，说缺少模块。
原创
2023-12-20 09:27:12
904阅读
1、初始化项目 vue init webpack-simple XXXXX(此处为插件名) 使用vue创建一个简单的项目，删除src中除了main.js和app.vue外的文件，清空app.vue中无用内容 2、更改配置文件 （1）在index.js内 import headerNavbar fro
转载
2020-05-08 22:51:00
115阅读
熟悉vue2.0开发的网友，只需要看看这个源码，运行起来，然后直接发布即可，其他插件的发布道理一样。如果你还不熟悉vue2.0的开发，建议先不要看这个。npm包vue插件源码源码下载好后，依次运行下面语句即可npm i // 安装依赖npm run build // 打包npm publish // 发布到npm平台上如有不懂，可留言评论私信。...
原创
2021-11-16 13:56:50
182阅读
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阅读
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后，对Vue-Cli有了解后，仅仅知道Vue-Cli是一个Vue项目的脚手架，可以快速的构建一个Vue的基于Npm的模块化项目，Vue内部的打包机制其实还是借助Webpack；但是对Webpack\Npm\Node\Nodejs这几个在前端模块化中的高频词总是傻傻分不清，不知道他们之间的具体关系what is w
转载
2024-04-22 21:39:11
130阅读
因为公司项目要求, 原本的vue移动端项目, 现在要求能使用定位, 调用摄像头等功能, 并且开发成混合APP.一个小白的孤军奋战史, 记录一下, 以备后用....第一步: 安装cordova 在命令窗口执行: npm install -g cordova第二步: 新建一个cordova项目同样的在命令窗口执行命令: cordova create cordovaApp com.cordo
转载
2023-12-13 02:07:43
40阅读
当我们使用vue-cli脚手架完成一个项目的时候，下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢，我们在本地调试的时候只要命令行执行npm run dev就可以把这个项目跑起来，但是现在我们要把他放到服务器上的话用npm run build命令就可以啦。vue使用npm run build命令打包项目首先 命令行执行npm run build命令，命令需要在项目目录下执行C:\Use
原创
2022-11-19 06:44:37
4355阅读
vue组件库开发，做一个像elment-ui一样的，webpack打包，非常好用
原创
2023-10-03 09:04:02
287阅读
1、style-resources-loader 自动混入配置的样式文件 使用： vue.config.js pluginOptions: { 'style-resources-loader': { preProcessor: 'less', patterns: [path.resolve(__di ...
转载
2021-08-04 10:55:00
266阅读
目录1webpack基本概念2webpack使用步骤3webpack的配置4webpack开发服务器1webpack基本概念下面给出了webpack的官方网站概念 | webpack 中文文档 (docschina.org)以前写完的网站，文件很多并且体积很大，因此我们可以用它来简化自己的代码。它的本质是一个第三方模块包，用于分析，并且打包代码。2webpack使用步骤在我们使用webpack前，
转载
2024-10-13 22:50:17
57阅读
