- 如何启动一个静态的前端工程的服务
使用场景在前端开发过程中,可能会要对发布到生产的包做验证或者要本地运行一个开源的包的实例,这时候就需要在本地启动一个前端服务,一般有以下两种方式运行方式Live-Server通过VsCode去安装插件LiveServer,然后打开静态工程,点击右下角的LiveServer按钮即可运行工程优点:使用简单,方便快捷缺点:不支持自定义配置,如工程里面需要代理请求,则无法实现express使用expres
- live-server 修改 允许任意ip访问
whit_py
1.首先要找到live-server的安装路径,我们是通过npm安装的,可以执行:npmroot-g2.进入安装目录里打开index.js红色箭头部分修改成0.0.0.03.修改默认启动端口为9999
- Ubuntu-20.04-live-server无人值守安装
Itzhakrees
Linux小白学习ubuntulinux运维
Ubuntu-20.04-live-server无人值守安装前期准备没什么用的免责声明:纯纯小白,学艺不精,大佬轻喷,有错烦请指点实验准备要素:纯净Ubuntu20.04-live-server版本镜像实验环境:OracleVMVirtualBox6.1宿主机系统:win10专业版实验步骤:本实验通过live-server版本的Ubuntu系统先行手动安装之后,通过已安装好的虚拟机制作无人值守is
- mac电脑安装live-server报错解决
夏日里的小丸子
问题:全局安装live-server报错安装代码如下:sudonpminstall-glive-server报错信息:image.png解决方案:在命令后面添加--unsafe-permsudonpminstall-glive-server--unsafe-perm
- 【Web前端HTML5&CSS3】02-前端开发准备
VectorUx
#Web前端从入门到精通前端html5css3htmlcss
笔记来源:尚硅谷Web前端HTML5&CSS3初学者零基础入门全套完整版文章目录前端开发准备1.离线文档的下载2.文本编辑器的选择Notepad++SublimeVSCode√AtomWebStorm3.开发前准备4.使用Live-Server踩坑1踩坑2踩坑3自定义端口号前端开发准备1.离线文档的下载离线文档:Zeal-OfflineDocumentationBrowser如果安装报错,需安装:
- vscode 运行 官网ui 项目 报跨域问题
前端小超人rui
浏览器html
jqueryload加载html公共方法报错问题1第一步在vscode上安装DebuggerforChrome2开启本地服务。npminstall-glive-server【用管理员身份安装】3在终端输入:live-server会出现下面的信息如果报错:live-server:无法加载文件C:\Users\Administrator\AppData\Roaming\npm\live-server.
- VScode下安装Live-Server的流程及vue devtools问题
卡布奇洛oh
由于Chrome下载的vuejsdevtools插件无法正常识别vue的网站会出现报错;原因是:在vue本地开发devtools不识别,需要在服务器环境下才能运行;可以选择live-server进行服务器环境搭建在vscode下安装live-server1.jpg设置live-server配置项2.jpg在第一个settings.json中更改设置3.jpg更改配置代码"liveServer.se
- live-server在mac中的使用
burgess123
最近在看js胖的视频,学到了很多东西,感谢这位大牛在百忙之中抽出时间给大家分享经验,看了他的视频入门是挺快的。也是在他的视频中看到了live-server的使用也是很方便然后我就自己看了下live-server的安装,发现安装好了之后没法使用,报一下错:-bash:live-server:commandnotfound然后又试了用cnpm去安装,安装好了也是一样无法启动无意中看到一篇文章说是要配置
- vmware中安装 ubuntu 22.04 live-server
吃瓜小民
服务器ubuntu
1、ubuntu22.04下载地址2022年10月18日更新此篇文档Ubuntu(官方)Indexof/ubuntu-releases/22.04/|清华大学开源软件镜像站|TsinghuaOpenSourceMirror(清华源镜像)ubuntu-releases-22.04安装包下载_开源镜像站-阿里云(阿里源镜像)注意:是下载live-server的镜像;2、加载ISO文件到VMWare中使
- Python live-server安装使用
凌冰_
pythondjango
live-server是一个具有实时加载功能的小型服务器,可以使用它来破解html/css/javascript,但是不能用于部署最终站点。也就是说我们可以在项目中实时用live-server作为一个实时服务器实时查看开发的网页或项目效果。(1)安装live-servernpminstall-glive-server(2)运行:127.0.0.1:8080(默认端口号是8080)live-serv
- js对css类操作示例1
kkkkkkkkkkaZZL
笔记cssjavascript前端
环境:vscode,live-server,火狐主要是在html中设置,在css中描述该类,如:.modal{position:absolute;top:50%;left:50%;}通过js控制css中类来实现页面变化的效果如:xxxx.addEventListener('click',function(){console.log('xxxxx按钮被点击了');modal.classList.ad
- 热重载前端开发服务器 live-server
bigma
我使用的是vscode,这编辑器没有像webstorm那样在预览文件的时候会启动一个本地服务器,以便一些js可以正常工作。vscode有一个live-server的插件但打开我的项目的时候会很慢,也不知道什么原因,点了之后要等好久才有反应,或者干脆不工作了。索性试下npm安装live-server。必要工具nodejsnpm也可以安装cnpm这样对国内环境更友好gitBash当然其它的命令行工具也
- npm无法识别为命令,live-server启动失败
山山而川_1970s
1.npm无法识别为命令右键VScode以管理员身份运行。2.在终端输入live-server时提示:live-server启动报错是因为系统禁止执行脚本,解决方法:以管理员身份运行PowerShellPowerShell输入set-ExecutionPolicyRemoteSigned,选择系统执行脚本,选择Y或A选择系统可执行脚本
- 02.Three.js的入门教程(一)
杨航斌
javascript开发语言ecmascript
一、如何下载安装Three.js1.1.github链接查看所有版本:https://github.com/mrdoob/three.js/releases1.2.通过npm命令行安装three.js:npminstallthree--save二、本地搭建live-server静态服务器2.1.live-server是一款npm工具,安装命令:npminstall-glive-server2.2.
- 前端使用live-server 部署Https服务
来了啊小老弟
除了nginx之外,live-server这个插件也可以方便的部署Https服务器,具体步骤如下:1.安装node.js以及live-server插件cnpminstalllive-server-g2.新建项目文件夹,在文件下执行cnpminstall--savelive-server-https此时你会发现目录下已经有了node_modules和package.json3.执行live-serv
- Mac中live-server启动时指定ip
码不能停
live-server在前端开发中是一个十分有用的工具,可以让我们在浏览器以访问ip:port的形式来预览代码,但是默认的启动ip是127.0.0.1,这样只能使用电脑浏览器访问,在开发移动端网页的时候,如果想用自己的手机来访问,那我们就需要将监听的ip修改成电脑在局域网中的ip,这样,当手机连在同一个wifi下的时候,就可以通过访问电脑的ip来浏览我们写的网页啦。那么怎样修改live-serve
- three.js搭建本地服务器
陳土
服务器
学习three.js过程中,如果实例中需要下载外部资源,比如模型或纹理图像,仅使用浏览器打开HTML文件是行不通的,需要本地web服务器一、安装live-servernpminstalllive-server-g二、在官网下载源码三、将下载文件解压的指定目录四、在解压目录下,shift+右键,打开powershell键入live-server五、本地服务器操作成功
- 执行live-server报错: Unexpected identifier
逆风飞翔的猿
前端webpacklive-serverreact
最近在研究webpack搭建react的开发环境是,在使用到live-server时报错,一头雾水,报错信息如下G:\chenqk\app\webpack-react-project>live-serverC:\Users\chenqk\AppData\Roaming\npm\node_modules\live-server\node_modules\opn\index.js:11constwsl
- live-server安装
寒山李白
前端前端node.js
天行健,君子以自强不息;地势坤,君子以厚德载物。每个人都有惰性,但不断学习是好好生活的根本,共勉!文章均为学习整理笔记,分享记录为主,如有错误请指正,共同学习进步。文章目录介绍安装验证介绍live-server作为webserver来部署Html和JavaScript,并运行在浏览器中。live-server轻量且简单,初学者首选安装在安装live-server之前需要安装node.js可参考文章
- 移动端、PC端浏览器文件下载和基于eruda的手机端网页的调试
日不落000
浏览器(PC、移动端)文件下载index.html同目录下放一个doc.docx文件,使用live-server开启服务即可测试使用效果。index.html:基于eruda的手机端网页的调试-浏览器(PC、移动端)文件下载eruda.init();functiondownByBlob_1(parameters){//下载地址改为对应的下载地址vardownloadURL="https://pcr
- WebGL 入门
夜跑者
webgl
文章转自:WebGL入门-知乎课件地址https://github.com/buglas/webgl-lesson课前准备安装webstorm或vscode开发工具。安装live-server,用于启服务,安装方法npmi-glive-server需掌握es6、html、css的基础知识。数学基础,三角函数和向量(非必须)。课堂目标对webgl的概念有一个整体认知掌握webgl基本绘图原理和流程知
- react项目打包并在本地运行
萧&萧
react
react项目打包并在本地运行一、react项目的打包:在该项目文件夹中打开终端输入项目打包命令:>npmrunbuild打包成功后文件夹中会多出一个build文件,该文件就是打包好的项目!二、react项目打包后的启动方法:1、首先我们全局安装live-server插件live-server插件可以简单创建一个本地服务,执行以下命令全局安装live-server插件>npminstall-gli
- 在WebStorm中通过live-server插件搭建Ajax运行环境
锡山草木间
前端webstormideAjaxnodenpm
1.下载node.js官网:https://nodejs.cn/download/2.配置Node.js的HTTPS使用淘宝的镜像:npmconfigsetregistryhttps://registry.npm.taobao.org也可以使用cnpmnpminstall-gcnpm--registry=https://registry.npm.taobao.org配置之后可以验证是否成功(返回刚
- js 前端打包的build文件怎么在本地运行
water_Popcorn
JavaScripthtml前端javascript
问题:前端打包好的build文件中,直接打开index.html报错:问题解决:步骤一:全局安装live-servernpminstall-glive-server步骤二:在build目录下打开cmd,输入live-server步骤三:打开浏览器输入http://127.0.0.1:8080/
- VS code前端编辑浏览器自动刷新
hongyu#ding
好记性不如记事本html5htmljquerynode.js
背景平时在写前端代码的时候,为了提高效率,修改代码后能在浏览器中同步查看修改内容。下面介绍下不用再浏览器中安装任何插件,只需要在vscode中安装live-serve即可,告别Livereload。解决方案1、安装live-server,在vscode终端执行npminstalllive-server-g2、启动live-server,在vscode终端执行live-serve3、右键html文件
- live-server本地起node服务解决跨域问题
小储今天暴富了
node.js前端
一、初始化node,构建package.jsonNPM全局安装live-servernpminstall-glive-server在当前项目文件夹下cmd运行:npminit-y此时会在根目录下生成一个package.json文件。二.生成代理脚本在根文件夹新建一个build.js文件(名字可以自定义)varliveServer=require("live-server");varparams={
- three.js 运行环境
牧羊狼的狼
前端javascript前端服务器
一:搭建node.js环境(npminit-y)二:在全局环境安装liver-server本地服务器npminstalllive-server-g安装好后,在项目所在的目录运行live-server命令,会自动启动一个本地localhost:8080的服务器。项目结构:引入环境:import*asTHREEfrom'./node_modules/three/build/three.module.j
- 使用live-server实现本地服务器+自动刷新
唐人不自醉
概述用过gulp的同学都知道,gulp上面有很多插件,方便了平时的开发,比如gulp-livereload实现自动刷新,gulp-server架设本地服务器环境。但是gulp-livereload需要安装一个浏览器插件,而且使用gulp每次都要写一个gulpfile.js的文件,使用起来还是不太方便。live-server这个插件就完美解决了这个问题。live-sever可以实现本地服务器和自动刷
- 10-devServer与watch
coder_yihua
webpackwebpackvscodejavascript
watch监听源代码的变化如何开启watch呢?两种方式方式一:在导出的配置中,添加watch:true;方式二:在启动webpack的命令中,添加--watch的标识;缺点:通过live-server插件提供本地服务对所有的源代码都重新进行编译编译成功之后,都会生成新的文件(文件操作filesystem)live-server属于vscode插件,不属于webpack解决方案。live-serv
- centos7 创建文件浏览服务器
日不落000
创建文件浏览服务器(该服务器可以检测文件改动,并更新),可以使用live-server,安装live-server,需要使用npm,所以可以安装node(包含npm),安装node建议使用nvm管理node版本,因此,通过以下流程可以创建文件浏览服务器。文件浏览服务器.png具体操作如下:1,安装nvm切换nodejs版本https://github.com/creationix/nvm#inst
- 继之前的线程循环加到窗口中运行
3213213333332132
javathreadJFrameJPanel
之前写了有关java线程的循环执行和结束,因为想制作成exe文件,想把执行的效果加到窗口上,所以就结合了JFrame和JPanel写了这个程序,这里直接贴出代码,在窗口上运行的效果下面有附图。
package thread;
import java.awt.Graphics;
import java.text.SimpleDateFormat;
import java.util
- linux 常用命令
BlueSkator
linux命令
1.grep
相信这个命令可以说是大家最常用的命令之一了。尤其是查询生产环境的日志,这个命令绝对是必不可少的。
但之前总是习惯于使用 (grep -n 关键字 文件名 )查出关键字以及该关键字所在的行数,然后再用 (sed -n '100,200p' 文件名),去查出该关键字之后的日志内容。
但其实还有更简便的办法,就是用(grep -B n、-A n、-C n 关键
- php heredoc原文档和nowdoc语法
dcj3sjt126com
PHPheredocnowdoc
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Current To-Do List</title>
</head>
<body>
<?
- overflow的属性
周华华
JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml&q
- 《我所了解的Java》——总体目录
g21121
java
准备用一年左右时间写一个系列的文章《我所了解的Java》,目录及内容会不断完善及调整。
在编写相关内容时难免出现笔误、代码无法执行、名词理解错误等,请大家及时指出,我会第一时间更正。
&n
- [简单]docx4j常用方法小结
53873039oycg
docx
本代码基于docx4j-3.2.0,在office word 2007上测试通过。代码如下:
import java.io.File;
import java.io.FileInputStream;
import ja
- Spring配置学习
云端月影
spring配置
首先来看一个标准的Spring配置文件 applicationContext.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
xmlns:xsi=&q
- Java新手入门的30个基本概念三
aijuans
java新手java 入门
17.Java中的每一个类都是从Object类扩展而来的。 18.object类中的equal和toString方法。 equal用于测试一个对象是否同另一个对象相等。 toString返回一个代表该对象的字符串,几乎每一个类都会重载该方法,以便返回当前状态的正确表示.(toString 方法是一个很重要的方法) 19.通用编程:任何类类型的所有值都可以同object类性的变量来代替。
- 《2008 IBM Rational 软件开发高峰论坛会议》小记
antonyup_2006
软件测试敏捷开发项目管理IBM活动
我一直想写些总结,用于交流和备忘,然都没提笔,今以一篇参加活动的感受小记开个头,呵呵!
其实参加《2008 IBM Rational 软件开发高峰论坛会议》是9月4号,那天刚好调休.但接着项目颇为忙,所以今天在中秋佳节的假期里整理了下.
参加这次活动是一个朋友给的一个邀请书,才知道有这样的一个活动,虽然现在项目暂时没用到IBM的解决方案,但觉的参与这样一个活动可以拓宽下视野和相关知识.
- PL/SQL的过程编程,异常,声明变量,PL/SQL块
百合不是茶
PL/SQL的过程编程异常PL/SQL块声明变量
PL/SQL;
过程;
符号;
变量;
PL/SQL块;
输出;
异常;
PL/SQL 是过程语言(Procedural Language)与结构化查询语言(SQL)结合而成的编程语言PL/SQL 是对 SQL 的扩展,sql的执行时每次都要写操作
- Mockito(三)--完整功能介绍
bijian1013
持续集成mockito单元测试
mockito官网:http://code.google.com/p/mockito/,打开documentation可以看到官方最新的文档资料。
一.使用mockito验证行为
//首先要import Mockito
import static org.mockito.Mockito.*;
//mo
- 精通Oracle10编程SQL(8)使用复合数据类型
bijian1013
oracle数据库plsql
/*
*使用复合数据类型
*/
--PL/SQL记录
--定义PL/SQL记录
--自定义PL/SQL记录
DECLARE
TYPE emp_record_type IS RECORD(
name emp.ename%TYPE,
salary emp.sal%TYPE,
dno emp.deptno%TYPE
);
emp_
- 【Linux常用命令一】grep命令
bit1129
Linux常用命令
grep命令格式
grep [option] pattern [file-list]
grep命令用于在指定的文件(一个或者多个,file-list)中查找包含模式串(pattern)的行,[option]用于控制grep命令的查找方式。
pattern可以是普通字符串,也可以是正则表达式,当查找的字符串包含正则表达式字符或者特
- mybatis3入门学习笔记
白糖_
sqlibatisqqjdbc配置管理
MyBatis 的前身就是iBatis,是一个数据持久层(ORM)框架。 MyBatis 是支持普通 SQL 查询,存储过程和高级映射的优秀持久层框架。MyBatis对JDBC进行了一次很浅的封装。
以前也学过iBatis,因为MyBatis是iBatis的升级版本,最初以为改动应该不大,实际结果是MyBatis对配置文件进行了一些大的改动,使整个框架更加方便人性化。
- Linux 命令神器:lsof 入门
ronin47
lsof
lsof是系统管理/安全的尤伯工具。我大多数时候用它来从系统获得与网络连接相关的信息,但那只是这个强大而又鲜为人知的应用的第一步。将这个工具称之为lsof真实名副其实,因为它是指“列出打开文件(lists openfiles)”。而有一点要切记,在Unix中一切(包括网络套接口)都是文件。
有趣的是,lsof也是有着最多
- java实现两个大数相加,可能存在溢出。
bylijinnan
java实现
import java.math.BigInteger;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
public class BigIntegerAddition {
/**
* 题目:java实现两个大数相加,可能存在溢出。
* 如123456789 + 987654321
- Kettle学习资料分享,附大神用Kettle的一套流程完成对整个数据库迁移方法
Kai_Ge
Kettle
Kettle学习资料分享
Kettle 3.2 使用说明书
目录
概述..........................................................................................................................................7
1.Kettle 资源库管
- [货币与金融]钢之炼金术士
comsci
金融
自古以来,都有一些人在从事炼金术的工作.........但是很少有成功的
那么随着人类在理论物理和工程物理上面取得的一些突破性进展......
炼金术这个古老
- Toast原来也可以多样化
dai_lm
androidtoast
Style 1: 默认
Toast def = Toast.makeText(this, "default", Toast.LENGTH_SHORT);
def.show();
Style 2: 顶部显示
Toast top = Toast.makeText(this, "top", Toast.LENGTH_SHORT);
t
- java数据计算的几种解决方法3
datamachine
javahadoopibatisr-languer
4、iBatis
简单敏捷因此强大的数据计算层。和Hibernate不同,它鼓励写SQL,所以学习成本最低。同时它用最小的代价实现了计算脚本和JAVA代码的解耦,只用20%的代价就实现了hibernate 80%的功能,没实现的20%是计算脚本和数据库的解耦。
复杂计算环境是它的弱项,比如:分布式计算、复杂计算、非数据
- 向网页中插入透明Flash的方法和技巧
dcj3sjt126com
htmlWebFlash
将
Flash 作品插入网页的时候,我们有时候会需要将它设为透明,有时候我们需要在Flash的背面插入一些漂亮的图片,搭配出漂亮的效果……下面我们介绍一些将Flash插入网页中的一些透明的设置技巧。
一、Swf透明、无坐标控制 首先教大家最简单的插入Flash的代码,透明,无坐标控制: 注意wmode="transparent"是控制Flash是否透明
- ios UICollectionView的使用
dcj3sjt126com
UICollectionView的使用有两种方法,一种是继承UICollectionViewController,这个Controller会自带一个UICollectionView;另外一种是作为一个视图放在普通的UIViewController里面。
个人更喜欢第二种。下面采用第二种方式简单介绍一下UICollectionView的使用。
1.UIViewController实现委托,代码如
- Eos平台java公共逻辑
蕃薯耀
Eos平台java公共逻辑Eos平台java公共逻辑
Eos平台java公共逻辑
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月1日 17:20:4
- SpringMVC4零配置--Web上下文配置【MvcConfig】
hanqunfeng
springmvc4
与SpringSecurity的配置类似,spring同样为我们提供了一个实现类WebMvcConfigurationSupport和一个注解@EnableWebMvc以帮助我们减少bean的声明。
applicationContext-MvcConfig.xml
<!-- 启用注解,并定义组件查找规则 ,mvc层只负责扫描@Controller -->
<
- 解决ie和其他浏览器poi下载excel文件名乱码
jackyrong
Excel
使用poi,做传统的excel导出,然后想在浏览器中,让用户选择另存为,保存用户下载的xls文件,这个时候,可能的是在ie下出现乱码(ie,9,10,11),但在firefox,chrome下没乱码,
因此必须综合判断,编写一个工具类:
/**
*
* @Title: pro
- 挥洒泪水的青春
lampcy
编程生活程序员
2015年2月28日,我辞职了,离开了相处一年的触控,转过身--挥洒掉泪水,毅然来到了兄弟连,背负着许多的不解、质疑——”你一个零基础、脑子又不聪明的人,还敢跨行业,选择Unity3D?“,”真是不自量力••••••“,”真是初生牛犊不怕虎•••••“,••••••我只是淡淡一笑,拎着行李----坐上了通向挥洒泪水的青春之地——兄弟连!
这就是我青春的分割线,不后悔,只会去用泪水浇灌——已经来到
- 稳增长之中国股市两点意见-----严控做空,建立涨跌停版停牌重组机制
nannan408
对于股市,我们国家的监管还是有点拼的,但始终拼不过飞流直下的恐慌,为什么呢?
笔者首先支持股市的监管。对于股市越管越荡的现象,笔者认为首先是做空力量超过了股市自身的升力,并且对于跌停停牌重组的快速反应还没建立好,上市公司对于股价下跌没有很好的利好支撑。
我们来看美国和香港是怎么应对股灾的。美国是靠禁止重要股票做空,在
- 动态设置iframe高度(iframe高度自适应)
Rainbow702
JavaScriptiframecontentDocument高度自适应局部刷新
如果需要对画面中的部分区域作局部刷新,大家可能都会想到使用ajax。
但有些情况下,须使用在页面中嵌入一个iframe来作局部刷新。
对于使用iframe的情况,发现有一个问题,就是iframe中的页面的高度可能会很高,但是外面页面并不会被iframe内部页面给撑开,如下面的结构:
<div id="content">
<div id=&quo
- 用Rapael做图表
tntxia
rap
function drawReport(paper,attr,data){
var width = attr.width;
var height = attr.height;
var max = 0;
&nbs
- HTML5 bootstrap2网页兼容(支持IE10以下)
xiaoluode
html5bootstrap
<!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">