方法一:以管理员权限运行IDE ,然后在IDE里面删除该文件夹 方法二:以管理员身份运行cmd,使用命令行来删除该文件夹 找到要删除文件夹的位置,使用命令行 rmdir /s/q 文件夹位置 /s 是代表删除所有子目录跟其中的档案. /q 是不要它在删除档案或目录时,不再问我 Yes or No 的动作.

1.vue打包dist文件时,图片找不到,无法像在本地一样查看 问题描述: 本地代码:<div class="icon"><img :src="'../../src/assets/img/usecar/' + item.appIcon +'.png'" width="50" height="50"/></div>   (显示正常)   测试服务器:打包dist文件到测试服务器后,显示不正常

1.首先需要的原料肯定是vue打包生成的dist文件 在vue项目目录下运行:npm run build,等待运行结束,会在项目目录下生成一个dist文件夹,里面会生成一些文件(如下图示) 小的项目文件会少些.. 2.安装express本地服务器 能运行起来npm run build我就默认大家不是小白喽,这边同样需要node环境,在环境中运行 npm install -g express-generator 等待安装完毕,可通过运行:express --version验证express是否安装

亲测,webpack打包vue项目之后生成的dist文件可以部署到 express 服务器上运行. 我的vue项目结构如下: 1. 进入该vue项目目录,打开git bash,执行:npm run build(在package.json的scripts配置) 执行成功如下图所示: 然后此时你会发现项目下多了一个 dist 文件夹,dist下文件便是项目打包之后生成的文件. 此时我们直接在浏览器中打开index.html,是会报错的,什么都看不到. 2. 安装express-generator生成

ownCloud是什么 ownCloud是一个自由且开源的个人云存储解决方案(类似百度网盘或者Dropbox),包括两个部分:服务器和客户端. ownCloud在客户端可通过网页界面,或者安装专用的客户端软件来使用.网页界面当然就是任何能打开网页的平台都支持,而客户端软件也支持相当多平台,Windows.Linux.iOS.Android皆有. 除了云存储之外,ownCloud也可用于同步行事历.电子邮件联系人.网页浏览器的书签:此外还有多人在线文件同步协作的功能. 云服务器比较 在安装ownc

1.问题出现 最近公司上线前端H5页面,使用npm打包,特别奇怪的是每次打包发现css和js文件与Windows下打包不一致(网页使用Windows环境开发),导致前端页面功能不正常. 2.问题排查 ① 更换服务器:无用 ② 更换npm版本:无用 ③ 在另一台Windows上打包:无用 ④ 等等网上说的方法:无用 3.我是如何确认是css和js文件不一致的 ① 首先我在Linux打包机器上正常打包 ② 打包过程中无任何报错,之前上线也是如此.(所以一开始并没有发现是打包问题) ③ 通过浏览器打开

由于现在前端使用的三大框架配合webpack可以实现快速打包,为部署到服务端提供了非常大的便利,那么在前端打包后,应该做些什么可以部署到django的后台中呢? 1.打包后文件包dist 进入到 dist文件包会发现是这个样子的: 2.在django项目中创建前端文件包(静态资源包,我习惯起名为frontend)        然后把dist文件包中的static文件包和index.html拷贝过去,接着把static文件包中的所有文件和index文件都剪切到上一层目录(都在frontend中)

脚手架vue cli生成项目后,使用 npm run build 生成了一个dist文件夹(应该是distribution的缩写) 只要放在http服务器上就可以运行. 使用一句python命令可以搭建http服务器 python -m http.server --directory . 或者使用 npx http-server

js压缩 webpack自带一个插件uglifyjs-webpack-plugin来压缩js,所以不需要再次安装,当一切都准备妥当,引入uglifyjs-webpack-plugin模块: const uglify = require('uglifyjs-webpack-plugin'); 因为它是一个插件,所以把它放在plugins里: plugins:[ new uglify() ] 这样就完事了,执行命令webpack,压缩文件就OK了,一般不会出现问题,(但是我在实际操作中报错了,ugl

Angular7 Npm Package.Json文件详解   近期时间比较充裕,正好想了解下Angular Project相关内容.于是将Npm官网上关于Package.json的官方说明文档进行了一下翻译学习,仅供参考 原文出处: https://docs.npmjs.com/files/package.json 官方传送门 *** npm-package.json 特性说明 描述   本文介绍了package.json文件中,你需要了解的所有内容.Package.json文件必须是一个真正

距离上一次博客大概好多好多时间了,感觉再不搞点东西出来,感觉就废了的感觉.这段时间回老家学习驾照,修养,然后7月底来上海求职(面了4家,拿了3家office),然后入职同程旅游,项目赶进度等等一系列的原因,导致没有太多时间去搞东西.感觉亏欠了好多,所以这次一次性补上.废话不多说了,我们直接进入主题. 介绍这次讲解的库的更新: ajax全局配置 请求参数的拓展(增加json)和重构优化 初始化参数类型检查 浏览器错误回收机制 增加ajax请求blob(二进制)类型 跨域问题的总结和支持 npm打包

1.安装七牛云 2.在项目根目录新建 upload.js 3.上传凭证 4.上传配置,详情参考七牛云文档 5.在 package.js中修改项目build完成执行upload文件命令 7. nuxt.config.js设置CDN路径,详情参考 Nuxt文档 8. upload.js 完整代码 const qiniu = require("qiniu"); const fs = require("fs"); const path = require("pat

距离上一次博客大概好多好多时间了,感觉再不搞点东西出来,感觉就废了的感觉.这段时间回老家学习驾照,修养,然后7月底来上海求职(面了4家,拿了3家office),然后入职同程旅游,项目赶进度等等一系列的原因,导致没有太多时间去搞东西.感觉亏欠了好多,所以这次一次性补上.废话不多说了,我们直接进入主题. 介绍这次讲解的库的更新: ajax全局配置 请求参数的拓展(增加json)和重构优化 初始化参数类型检查 浏览器错误回收机制 增加ajax请求blob(二进制)类型 跨域问题的总结和支持 npm打包

使用webpack打包js文件(隔行变色案例) 1.webpack安装的两种方式 运行npm i webpack -g全局安装webpack,这样就能在全局使用webpack的命令 在项目根目录中运行npm i webpack --save-dev安装到项目依赖中 2.初步使用webpack打包构建列表隔行变色案例 项目结构: 运行npm init -y初始化项目,使用npm管理项目中的依赖包 创建项目基本的目录结构 使用npm i jquery -s安装jquery类库 创建main.js并书

通过对源文件打包,Python程序可以在没有安装 Python的环境中运行,也可以作为一个独立文件方便传递和管理. 现在网上主流的打包方式有两种py2exe或者pyinstaller两款多平台的Python程序打包为exe的免费工具. py2exe py2exe是一个将python脚本转换成windows上的可独立执行的可执行程序(*.exe)的工具. py2exe是发布在开源许可证下的. 安装: 下载并运行与你所安装的Python对应的py2exe版本的installer. 下载地址:http

前期准备: 1. Linux环境,安装配置node.js ① 下载地址:http://nodejs.cn/download/  ,下载linux 64位 ② 已编译好的压缩包,解压到指定目录 cd /opt/ #切换到指定目录 rz #上传文件到指定目录 cd nodejs/ #进入解压目录 ./bin/node -v #执行node命令 查看版本 ③ 设置软连接 ln -s /opt/nodejs/bin/npm /usr/local/bin/ ln -s /opt/nodejs/bin/no

小白对jenkins运维的使用有点简单的想法,这里开个记录贴记录下. 由于未找到jenkins构建失败后执行其他脚本的插件,也暂时没有使用其他运维工具.所以想自己写一个shell脚本,一是方便其他人使用,二是可以失败后回滚. 本文使用gitlab webhook触发jenkins构建,jenkins执行shell命令--->mvn或者npm打包--->打包成docker镜像--->发布--->发布成功后用jenkins的git publisher插件push一个gitlab tag

当输入 webpack 输入指令 npm run dev  后会自动启动一个浏览器 需要借鉴插件 open-browser-webpack-plugin 下载:npm install open-browser-webpack-plugin 我们做一个小案例实现的功能有: 启动热键,会自动弹出浏览器窗口 改变浏览器端口 打包css文件 打包json文件 打包img(图片)文件 实现es6 首先下载webpack 和webpack -dev-servaer 轻量级服务器 在下载启动热键自动打开浏览器

1,在django项目下(app所在目录),新建vue项目,使用脚手架构建vue项目,vue create (项目名) 2,构建好以后,配置django: (1),配置settings: · 修改templates: TEMPLATES = [ { 'BACKEND': 'django.template.backends.django.DjangoTemplates', 'DIRS': [os.path.join(BASE_DIR,'(vue项目根目录名)/dist')], //只修改这一条,将

在webpack中配置.vue组件页面的解析(vue-loader) 结合webpack使用vue-router 在webpack中配置.vue组件页面的解析 1.运行npm i vue -S将vue安装为运行依赖:2.运cnpm i vue-loader vue-template-compiler -D将解析转换vue的包安装为开发依赖:3.运行npm i style-loader css-loader -D将解析转换CSS的包安装为开发依赖,因为.vue文件中会写CSS样式:4.new Vu

jar包本质上是将所有class文件.资源文件压缩打成一个包(也可以选择不压缩),可选择在jar包中生成META-INF/MANIFEST.MF文件,MANIFEST.MF是清单文件,里面可以记录主类.classpath等信息,供虚拟机使用.接下来的一段时间里,我们将以以下路径学习jar命令和清单文件的相关知识 jar打包class文件    带包class文件jar打包    清单文件的使用 在这篇文章里我们将使用简单的java程序来熟悉jar命令的使用,因为是出于熟练使用jar的目的,下面的