- 《二十九》自动化构建工具 Gulp
花铛
WebpackGulp
基于Gulp4。Gulp:是一个工具包,可以帮助自动化和增强工作流。Gulp和Webpack的区别:Gulp的核心理念是taskrunner。可以定义一系列任务,等到任务被执行;是基于文件Stream的构建流;可以使用Gulp的插件体系来完成任务。Webpack的核心理念是modulebundler。是一个模块化的打包工具;可以使用各种各样的Lodaer来加载不同的模块;可以使用各种各样的插件在打
- webpack优化
刘松阳
为什么要使用Webpack与react一类模块化开发的框架搭配着用比较好。属于配置型的构建工具,比较用容易上手,160行代码可大致实现gulp400行才能实现的功能。webpack使用内存来对构建内容进行缓存,构建过程中会比较快。第3点webpack会将文件内容存在compilation这个大的object里面,方便各种插件,loader间的调用。虽然gulp也用到了流(pipe)这样的内存处理方
- lazy-mock 使用问题
surmoon
primordialsisnotdefined问题解决方案:将gulp3升级成gulp4升级4后的Taskfunctionmustbespecified问题解决方案:将项目中的gulpfile.js做如下调整参考:https://www.cnblogs.com/murenziwei/p/10543765.html
- gulp4 深入学习笔记
王乐城愚人云端
一、task,任务的两种写法使用函数const{task,series}=require('gulp')functionsay1(done){console.log(1)//不加done(),则任务say1完成后,不会再调用say2done()}functionsay2(done){console.log(2)done()}exports.task1=series(say1,say2)使用task
- gulp 错误集锦
celineWong7
1.运行gulpfile文件时报错报错内容:TypeError:gulp.on(...).on(...).on(...).on(...)\.startisnotafunction问题分析:一般这种情况是因为gulp版本引起的。gulp本地版本和全局版本解决方法:gulp4.0.0更新变动较大,可以考虑把本地版本和全局版本都切回3.9.1版本。也有其他解决方法,详见参考文章2.npminstall-
- JECloud知识系列之前端框架选型
weiwell666
低代码前端框架javascript前端
上篇我们讲了JECloud平台的核心服务,这篇我们讲解下JECloud的前端框架选型前端基础框架核心框架:Vue3路由框架:VueRouter4状态管理框架:Pinia2国际化框架:Vuei18n9CSS预处理框架:Less3微应用框架:Micro-zoeUI框架:AntDesignVue3构建工具:Webpack4,Gulp4脚手架:jecloud/cli,VueCli4.5,Vite2Npm包
- 2020年职业计划
螺旋代码
下面是某公司对于中级前端的要求1、有2年以上前端开发经验2、扎实的JavaScript基础,掌握ES6的使用,能够独立完成前端模块的设计与实现3、精通前端工作流理念,及相关工具如webpack、gulp4、熟练掌握react及其基本原理5、有nodejs服务端开发经验、小程序开发经验的优先6、熟练使用git、Linux系统、了解Nginx配置我将会在这一年中按照类似的招聘标准提升自己实力达到中级程
- webpack笔记(webpack5)
嗷嗷待哺的簸箕板
前端webpacknpm前端
文章目录webpack笔记(webpack5)webpack4npm文档1、webpack是什么2、为什么要使用webpack2.1、js和css依赖问题(作用域问题)2.2、实现模块的开发和加载(模块化开发)2.2、性能优化2.3、提升效率2.3.1、Vendor前缀2.3.2、新语法2.3.3、单元测试2.3.4、代码分析3、Webpack、Grunt、Gulp4、webpack配置的基本含义
- webpack知识点
箬梦
webpack前端javascript
1.webpack概念前端静态模块化打包器把所有文件经过webpack处理,生成html,css,图片,js2.打包工具1.sea.js2.require.js3.gulp4.grunt5.webpackwebpack依赖webpack.config.js打包3.入口entry入口起点(entrypoint)指示webpack应该使用哪个模块,来作为构建其内部依赖图(dependencygraph
- 简单易懂的gulp入门配置
你若像风
写在前面:这篇文章基于gulp3版本写的。如果是gulp4版本运行下面一些指令可能会报错,个别已给出gulp4版本的解决方案,但是自动刷新的功能找不到gulp4的解决方案,所以仍然提供的是gulp3版本方案。安装Gulp安装Gulp之前你需要先安装Node.js。安装完Node.js,使用Terminal(终端,win下是cmd)用下面命令安装Gulpsudonpminstallgulp-g-g表
- 『前端工程化』gulp(gulp3 && gulp4)
Sakura_P
Gulp什么是GulpGulp是基于Node.js的构建工具,我们使用它来集成前端开发环境,来构建自动化工作流程。通常一些常见、重复的任务我们可以使用Gulp来代替我们完成,例如压缩代码文件/图片等资源,给CSS添加兼容性前缀,ES6语法转换成ES5,打包代码以及部署环境等。gulp的核心概念是流,可以简单类比为工厂的流水线,从原材料到最后的商品,会经过很多道工序,每一道工序的输入都是前一道工序的
- gulp4.0 配置gulp-connect的dev环境
lingray
全局安装gulp,在当前项目安装gulp-connectnpmigulp-gnpmigulp-connect-Dgulpfile.jsconstgulp=require('gulp');constconnect=require('gulp-connect');constconfig={root:'',port:8080,livereload:true,}gulp.task('server',()=
- gulp4.0:自动化构建工具
huxiang66
gulp
1.全局安装npminstallgulp-g2.局部安装npminstallgulp--save-dev3.相关插件:gulp-concat:合并文件(css/js)gulp-uglify:压缩js文件gulp-rename:文件重命名gulp-less:编译lessgulp-clean-css:压缩cssgulp-livereload:实时自动编译刷新gulp-connect:热加载3-1.下载
- 9012教你如何使用gulp4开发项目脚手架
weixin_30493401
webpack前端javascript
本文将会介绍如何使用gulp4来搭建项目脚手架,如果您还在使用gulp3或更老的版本,您也以通过本文的一些思想将之前的项目进行完善,更新。如果gulp不是你们团队的重点,也可以移步我的另一篇文章:用webpack4.0撸单页/多页脚手架(jquery,react,vue,typescript)前言由于本文重点是介绍gulp4.0搭建脚手架的思路,相关插件的用法以及项目结构的设计,由于gulp的基本
- gulp4.0 前端构建脚手架
weixin_30885111
前端jsonjavascript
最近看了下gulp4.0的升级,感觉和3.0相比变化还是比较大的,很多3.0的写法和插件会出现一些莫名其妙的变化,详细的变化就先不说了,这里我直接把我配置好的代码拿过来吧,方便各位可以更好的学习和使用(下面代码经过本人尝试,可以正确无误的运行)gulp4.0github源码1,目录结构app下面的文件夹就不用多介绍了吧,都是存放的一些基本的静态资源,这里着重说下为啥会多了一个tpl文件夹。之所以单
- [更新]函数式task使用(含gulp.watch处理方法) - gulp v4.0.2
CregskiN
gulp4
gulp4.0.2[更新]函数式task使用(含gulp.watch处理方法)文章读完需要大约15min目前npm上gulp更新到4.0.2,“点此进入gulpnpm页”作者最近在学习node使用gulp模块构建项目,在gulp官方中文文档[创建任务(task)页]发现官方推荐使用function写法创建task,可使用gulp.series()、gulp.parallel()处理多task,使用
- Gulp4.0入门指南
BWrong
gulp4node.js
安装Gulp官网gulp4.0分离了cli和核心部分,所以需要分别安装这两个包,另外对环境要求如下:node>=8.11.1npm>=5.6.0npx>=9.7.1全局安装gulp-clinpmi-ggulp-cli本地安装gulpnpmi-Dgulp查看版本号$gulp-v#输出CLIversion:2.2.0Localversion:4.0.2配置文件在项目根目录创建gulpfile.js文件
- gulp 4 前后端不分离模板(切图仔的最爱)
yyh1945
template-enginebrowsersyncgulp4es6
前后端不分离的多页应用,而且前端只是负责做静态页面本脚手架基于gulp4,主要功能包括:less以及css的处理:less转css,autoprefixhtml处理:gulp-file-include模板,对应后端jsp的include语法img压缩热启动js语法检查(因为我是切图仔,写的js是基本效果,不能压缩代码,以方便后端同事查看源码)引入es6重点分析热启动为了能像webpac打包单页应用
- Gulp4 Koa项目简单配置示例
Kinice
javascriptgulp4gulp
介绍这段配置是之前的gulp版本不适配新版本node后,更新到了gulp4的新写法。在业务中,目前使用这份配置的是一个Koa2+njk项目,所以增加了nodemon来启动server。分别用到的技术为:Less+autoprefixer+cleancss+sourceMapJs+es6(babel)+uglify+sourceMapBrowserSyncForautoreloadNodemonfo
- gulp4增量编译
imjianjian
gulp4gulp
更多内容欢迎来到博客:https://imjianjian.github.io在任何构建工具中增量编译都是一个必不可少的优化方式。即在编译过程中仅编译那些修改过的文件,可以减少许多不必要的资源消耗,也能减少编译时常。而且gulp是一个配置简单,学习性价比很高的工具。插件在gulp官方推荐了四个插件用于增量编译:gulp-changed-onlypassthroughchangedfilesgulp
- 使用 Gulp 来构建你的 workflow
xiaoyu2er
gulpgulp4javagulp-babelgulp-inject
Gulp是一个非常棒的自动化构建工具,笔者在自己的实践和团队分享过程中,总结整理一系列的有关gulp的资料.automating-your-workflow-with-gulp就是这个么一个repo.这个repo中包括了:关于Gulp的一个Slide(计划)将上述slide整理成一篇(一个系列)tutorial.一个基于gulp4.0的小demo(具体的讲解在上面这个slide当中)一些gulp插
- 手动使用gulp4.0配合rollup搭建typescript 写一个自己的一个开源库(起步 构建自动化处理,热更新浏览器)...
diantao6188
为什么要使用gulp+rollup模式我尝试过gulp+webpack,gulp+browerify~最后决定用gulp+rollup,gulp既然已经4.0都出了很久了我还停留在2的版本,所以此次就使用4开始吧基于面向对象开发编辑器它是简单可定制的,可用于大多数移动端(表示兼容让我很蛋疼)和pc端、我希望它的插件是可插拔的,对于任何一个开发者而言都是比较容易去开发一个新的插件的,对于自己的项目。
- gulp4.0解决task任务顺序执行
Curt_Sleeping
工作上最近需要将模板文件和静态资源文件分别打包出来并分别推到CDN和前端静态资源服务器上,然后之前一直使用GULP3.X版本,并没有严格的控制各个task的执行顺序,现需要打包操作前需要将各个任务执行完毕,N方式均不理想后,查看了GULP4.0的API后果断升级4.0解决,下面开始:首先卸载自己3.X版本的gulpgulp-vnpmuninstallgulp--save-dev-g其次安装gulp
- 整理gulp自动化构建工具(包含PostCss)
abcde3326
json移动开发javascript
教程地址:http://segmentfault.com/a/1190000000372547http://www.w2bc.com/Article/129411、安装nodejs2、新建package.json文件3、全局和本地安装gulp4、使用npm安装gulp插件(如:gulp-jshint、gulp-sass、gulp-mini-css、gulp-uglify等)5、新建gulpfile
- 走进gulp4的世界
imjianjian
gulp自动化构建工具
更多内容欢迎来到博客:https://imjianjian.github.iogulp简介自动化-gulp是一个工具包,可帮助您在开发工作流程中自动执行痛苦或耗时的任务。与平台无关-集成被集成到所有主流IDE中,人们正在使用PHP,.NET,Node.js,Java和其他平台。强大的生态系统-使用npm模块做任何你想要的,拥有超过2000个插件进行流文件转换。简单-仅提供最少的API,易于学习和使
- gulp4 ---gulpfile.js
yuzhenliu
gulp4版本使用案例gulp.jsconst{src,dest,watch,parallel}=require('gulp');constconcat=require('gulp-concat');constminifyCSS=require('gulp-minify-css');constuglify=require('gulp-uglify');constimagemin=require('
- mac使用gulp构建工具
塞外务农
1.安装Node.js,直接官网下载,然后下一步使劲,最后就成功安装了node,npm了2.全局安装gulpnpminstall--globalgulp3.局部安装作为项目的开发依赖(devDependencies)安装npminstall--save-devgulp4.全局安装压缩html的插件npminstallgulp-htmlmin--save-dev4.在项目根目录下创建一个名为gulp
- 基于Gulp4 搭建本地服务器
这魏先森
JavaScriptCSSHTML计算机个性化浏览器Web
基于Gulp4搭建本地服务器版本:gulp4.0Git地址官方文档gulp3分支是基于gulp3搭建的1.开发环境gulp4使用前需要先全局安装gulp4.0npminstallgulp-cli-gnpminstallgulp-D2.使用方法文件结构:├──gulpfile.js//用于存放gulp脚本的文件├──.babelrc//ES6├──pachage.json├──pachage-loc
- gulp4 babel browserify
白日有梦
node工具
本文包含以下内容:如何利用插件babel+browserify在项目中运行es6语法如何利用gulp任务,在项目中运行es6(包括js压缩,sass编译)错误:ParseError:'import'and'export'mayappearonlywith'sourceType:module'的解决方法地址:https://gitee.com/amazing_steven/vue_browserif
- 将html分为头尾后打包整合,Gulp实现头尾等公共页面的复用
qq_35089721
技巧
安装gulp的前提是你已经有了nodejs的运行环境1,新建项目:mkdirgulp-file&&cdgulp-file2,初始化一下npminit3,全局安装gulp:npminstall-ggulp4,在每个要使用gulp的项目中都单独安装一次:npminstallgulp--save-dev5,文件夹介绍|-node_modules|-page//生产环境的html存放文件夹|-includ
- 312个免费高速HTTP代理IP(能隐藏自己真实IP地址)
yangshangchuan
高速免费superwordHTTP代理
124.88.67.20:843
190.36.223.93:8080
117.147.221.38:8123
122.228.92.103:3128
183.247.211.159:8123
124.88.67.35:81
112.18.51.167:8123
218.28.96.39:3128
49.94.160.198:3128
183.20
- pull解析和json编码
百合不是茶
androidpull解析json
n.json文件:
[{name:java,lan:c++,age:17},{name:android,lan:java,age:8}]
pull.xml文件
<?xml version="1.0" encoding="utf-8"?>
<stu>
<name>java
- [能源与矿产]石油与地球生态系统
comsci
能源
按照苏联的科学界的说法,石油并非是远古的生物残骸的演变产物,而是一种可以由某些特殊地质结构和物理条件生产出来的东西,也就是说,石油是可以自增长的....
那么我们做一个猜想: 石油好像是地球的体液,我们地球具有自动产生石油的某种机制,只要我们不过量开采石油,并保护好
- 类与对象浅谈
沐刃青蛟
java基础
类,字面理解,便是同一种事物的总称,比如人类,是对世界上所有人的一个总称。而对象,便是类的具体化,实例化,是一个具体事物,比如张飞这个人,就是人类的一个对象。但要注意的是:张飞这个人是对象,而不是张飞,张飞只是他这个人的名字,是他的属性而已。而一个类中包含了属性和方法这两兄弟,他们分别用来描述对象的行为和性质(感觉应该是
- 新站开始被收录后,我们应该做什么?
IT独行者
PHPseo
新站开始被收录后,我们应该做什么?
百度终于开始收录自己的网站了,作为站长,你是不是觉得那一刻很有成就感呢,同时,你是不是又很茫然,不知道下一步该做什么了?至少我当初就是这样,在这里和大家一份分享一下新站收录后,我们要做哪些工作。
至于如何让百度快速收录自己的网站,可以参考我之前的帖子《新站让百
- oracle 连接碰到的问题
文强chu
oracle
Unable to find a java Virtual Machine--安装64位版Oracle11gR2后无法启动SQLDeveloper的解决方案
作者:草根IT网 来源:未知 人气:813标签:
导读:安装64位版Oracle11gR2后发现启动SQLDeveloper时弹出配置java.exe的路径,找到Oracle自带java.exe后产生的路径“C:\app\用户名\prod
- Swing中按ctrl键同时移动鼠标拖动组件(类中多借口共享同一数据)
小桔子
java继承swing接口监听
都知道java中类只能单继承,但可以实现多个接口,但我发现实现多个接口之后,多个接口却不能共享同一个数据,应用开发中想实现:当用户按着ctrl键时,可以用鼠标点击拖动组件,比如说文本框。
编写一个监听实现KeyListener,NouseListener,MouseMotionListener三个接口,重写方法。定义一个全局变量boolea
- linux常用的命令
aichenglong
linux常用命令
1 startx切换到图形化界面
2 man命令:查看帮助信息
man 需要查看的命令,man命令提供了大量的帮助信息,一般可以分成4个部分
name:对命令的简单说明
synopsis:命令的使用格式说明
description:命令的详细说明信息
options:命令的各项说明
3 date:显示时间
语法:date [OPTION]... [+FORMAT]
- eclipse内存优化
AILIKES
javaeclipsejvmjdk
一 基本说明 在JVM中,总体上分2块内存区,默认空余堆内存小于 40%时,JVM就会增大堆直到-Xmx的最大限制;空余堆内存大于70%时,JVM会减少堆直到-Xms的最小限制。 1)堆内存(Heap memory):堆是运行时数据区域,所有类实例和数组的内存均从此处分配,是Java代码可及的内存,是留给开发人
- 关键字的使用探讨
百合不是茶
关键字
//关键字的使用探讨/*访问关键词private 只能在本类中访问public 只能在本工程中访问protected 只能在包中和子类中访问默认的 只能在包中访问*//*final 类 方法 变量 final 类 不能被继承 final 方法 不能被子类覆盖,但可以继承 final 变量 只能有一次赋值,赋值后不能改变 final 不能用来修饰构造方法*///this()
- JS中定义对象的几种方式
bijian1013
js
1. 基于已有对象扩充其对象和方法(只适合于临时的生成一个对象):
<html>
<head>
<title>基于已有对象扩充其对象和方法(只适合于临时的生成一个对象)</title>
</head>
<script>
var obj = new Object();
- 表驱动法实例
bijian1013
java表驱动法TDD
获得月的天数是典型的直接访问驱动表方式的实例,下面我们来展示一下:
MonthDaysTest.java
package com.study.test;
import org.junit.Assert;
import org.junit.Test;
import com.study.MonthDays;
public class MonthDaysTest {
@T
- LInux启停重启常用服务器的脚本
bit1129
linux
启动,停止和重启常用服务器的Bash脚本,对于每个服务器,需要根据实际的安装路径做相应的修改
#! /bin/bash
Servers=(Apache2, Nginx, Resin, Tomcat, Couchbase, SVN, ActiveMQ, Mongo);
Ops=(Start, Stop, Restart);
currentDir=$(pwd);
echo
- 【HBase六】REST操作HBase
bit1129
hbase
HBase提供了REST风格的服务方便查看HBase集群的信息,以及执行增删改查操作
1. 启动和停止HBase REST 服务 1.1 启动REST服务
前台启动(默认端口号8080)
[hadoop@hadoop bin]$ ./hbase rest start
后台启动
hbase-daemon.sh start rest
启动时指定
- 大话zabbix 3.0设计假设
ronin47
What’s new in Zabbix 2.0?
去年开始使用Zabbix的时候,是1.8.X的版本,今年Zabbix已经跨入了2.0的时代。看了2.0的release notes,和performance相关的有下面几个:
:: Performance improvements::Trigger related da
- http错误码大全
byalias
http协议javaweb
响应码由三位十进制数字组成,它们出现在由HTTP服务器发送的响应的第一行。
响应码分五种类型,由它们的第一位数字表示:
1)1xx:信息,请求收到,继续处理
2)2xx:成功,行为被成功地接受、理解和采纳
3)3xx:重定向,为了完成请求,必须进一步执行的动作
4)4xx:客户端错误,请求包含语法错误或者请求无法实现
5)5xx:服务器错误,服务器不能实现一种明显无效的请求
- J2EE设计模式-Intercepting Filter
bylijinnan
java设计模式数据结构
Intercepting Filter类似于职责链模式
有两种实现
其中一种是Filter之间没有联系,全部Filter都存放在FilterChain中,由FilterChain来有序或无序地把把所有Filter调用一遍。没有用到链表这种数据结构。示例如下:
package com.ljn.filter.custom;
import java.util.ArrayList;
- 修改jboss端口
chicony
jboss
修改jboss端口
%JBOSS_HOME%\server\{服务实例名}\conf\bindingservice.beans\META-INF\bindings-jboss-beans.xml
中找到
<!-- The ports-default bindings are obtained by taking the base bindin
- c++ 用类模版实现数组类
CrazyMizzz
C++
最近c++学到数组类,写了代码将他实现,基本具有vector类的功能
#include<iostream>
#include<string>
#include<cassert>
using namespace std;
template<class T>
class Array
{
public:
//构造函数
- hadoop dfs.datanode.du.reserved 预留空间配置方法
daizj
hadoop预留空间
对于datanode配置预留空间的方法 为:在hdfs-site.xml添加如下配置
<property>
<name>dfs.datanode.du.reserved</name>
<value>10737418240</value>
 
- mysql远程访问的设置
dcj3sjt126com
mysql防火墙
第一步: 激活网络设置 你需要编辑mysql配置文件my.cnf. 通常状况,my.cnf放置于在以下目录: /etc/mysql/my.cnf (Debian linux) /etc/my.cnf (Red Hat Linux/Fedora Linux) /var/db/mysql/my.cnf (FreeBSD) 然后用vi编辑my.cnf,修改内容从以下行: [mysqld] 你所需要: 1
- ios 使用特定的popToViewController返回到相应的Controller
dcj3sjt126com
controller
1、取navigationCtroller中的Controllers
NSArray * ctrlArray = self.navigationController.viewControllers;
2、取出后,执行,
[self.navigationController popToViewController:[ctrlArray objectAtIndex:0] animated:YES
- Linux正则表达式和通配符的区别
eksliang
正则表达式通配符和正则表达式的区别通配符
转载请出自出处:http://eksliang.iteye.com/blog/1976579
首先得明白二者是截然不同的
通配符只能用在shell命令中,用来处理字符串的的匹配。
判断一个命令是否为bash shell(linux 默认的shell)的内置命令
type -t commad
返回结果含义
file 表示为外部命令
alias 表示该
- Ubuntu Mysql Install and CONF
gengzg
Install
http://www.navicat.com.cn/download/navicat-for-mysql
Step1: 下载Navicat ,网址:http://www.navicat.com/en/download/download.html
Step2:进入下载目录,解压压缩包:tar -zxvf navicat11_mysql_en.tar.gz
- 批处理,删除文件bat
huqiji
windowsdos
@echo off
::演示:删除指定路径下指定天数之前(以文件名中包含的日期字符串为准)的文件。
::如果演示结果无误,把del前面的echo去掉,即可实现真正删除。
::本例假设文件名中包含的日期字符串(比如:bak-2009-12-25.log)
rem 指定待删除文件的存放路径
set SrcDir=C:/Test/BatHome
rem 指定天数
set DaysAgo=1
- 跨浏览器兼容的HTML5视频音频播放器
天梯梦
html5
HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。 How to enable <video> and <audio> tags in
- Bundle自定义数据传递
hm4123660
androidSerializable自定义数据传递BundleParcelable
我们都知道Bundle可能过put****()方法添加各种基本类型的数据,Intent也可以通过putExtras(Bundle)将数据添加进去,然后通过startActivity()跳到下一下Activity的时候就把数据也传到下一个Activity了。如传递一个字符串到下一个Activity
把数据放到Intent
- C#:异步编程和线程的使用(.NET 4.5 )
powertoolsteam
.net线程C#异步编程
异步编程和线程处理是并发或并行编程非常重要的功能特征。为了实现异步编程,可使用线程也可以不用。将异步与线程同时讲,将有助于我们更好的理解它们的特征。
本文中涉及关键知识点
1. 异步编程
2. 线程的使用
3. 基于任务的异步模式
4. 并行编程
5. 总结
异步编程
什么是异步操作?异步操作是指某些操作能够独立运行,不依赖主流程或主其他处理流程。通常情况下,C#程序
- spark 查看 job history 日志
Stark_Summer
日志sparkhistoryjob
SPARK_HOME/conf 下:
spark-defaults.conf 增加如下内容
spark.eventLog.enabled true spark.eventLog.dir hdfs://master:8020/var/log/spark spark.eventLog.compress true
spark-env.sh 增加如下内容
export SP
- SSH框架搭建
wangxiukai2015eye
springHibernatestruts
MyEclipse搭建SSH框架 Struts Spring Hibernate
1、new一个web project。
2、右键项目,为项目添加Struts支持。
选择Struts2 Core Libraries -<MyEclipes-Library>
点击Finish。src目录下多了struts