web开发工具_web开发者工具 - CSDN
精华内容
参与话题
  • Web前端开发常用的开发工具

    千次阅读 2019-09-06 11:27:09
    为了使得Web开发人员能够更加专注于业务层面的开发,市场上涌现了各种各样的Web开发工具,灵活运用这些工具就能使得你的开发效率大幅提升,实现事半功倍。Web前端开发常用的开发工具都有哪些呢? 1.Web应用框架 这些...

    Web的发展日新月异,这也使得Web开发者不得不加快脚步,学习新的技术和编程语言。尤其是对于那些大量流量入口的网站来说,跟上技术发展趋势更是尤为重要。为了使得Web开发人员能够更加专注于业务层面的开发,市场上涌现了各种各样的Web开发工具,灵活运用这些工具就能使得你的开发效率大幅提升,实现事半功倍。Web前端开发常用的开发工具都有哪些呢?

    1.Web应用框架

    这些软件是专门设计来帮助网站开发,并使创建网站的Web开发的过程变得更容易。该软件完全支持Web服务,Web资源和Web API。这些框架会自动执行与Web开发中的常见活动相关联的一些进程,从而使Web开发人员的工作变得更加容易。可用的Web开发框架包括ASP.NET,JavaEE,WebObjects,web2py,OpenACS等。

    2.协作工具

    对于远程工作的团队,需要时刻保持联系和协作。为了提高开发效率,帮助开发者在同一个项目上工作的流程简化开发流程,以实现团队的设定目标,市场上出现了很多协作工具,如Slack,Trello,Asana,Jira等。

    3.本地开发环境

    一个快速的本地开发环境,可以推出取决于操作系统或您正在使用的计算机。有各种各样的免费软件,软件Apache,MySQL和其他打包在一起。这是在本地计算机上最快的一种测试方式,为了方便使用,有些程序还出了便携式版本。本地开发环境包括MAMP,LARAGAN,XAMPP和Vagrant等。

    4.前端框架

    前端框架基本上是一些文件和文件夹,如HTML,CSS和JavaScript等。前端框架通常包含有有准备好的组件,大多数组件都是可以进行修改和调整的,开发人员可以根据自己的开发需求来选择使用,目前最常见的前端框架是Bootstrap。

    5.图标

    图标对于Web开发人员,尤其是前端开发人员非常重要,它们是Web开发的重要组成部分。上图中的图标都可以应用于你的项目,且这其中大部分是免费的。常用的图标图库有Font Awesome,Icon Monster,Icons8,IconFinder等。

    6.网站速度测试工具

    网站速度是决定一个网站是否成功的重要因素。现在的用户越来越挑剔,大家往往更倾向于加载速度快的网站,对于加载速度慢的网站,大家几乎是零容忍。另外,SEO做得好的话,可能会带来更高的转化率和更好的用户体验。Web开发人员可以使用工具来测试他们的网站速度,以确保他们的网站能够拥有较短的加载时间。常见的网站速度测试工具有WebPage Test、Pingdom,等。

    展开全文
  • Web前端开发工具

    万次阅读 多人点赞 2020-02-09 10:36:31
    (1)介绍:入门首推这两款工具。高校可能也有很多老师使用这两款教授学生。区别在于HBuilderX更加轻量,是HBuilder的下一代版本(Hbuilder已经停止更新维护),其压缩包大小仅10几M,通过自定义插件...

    本文仅代表博主自己观点,希望对大家有所帮助。(只推荐以下三款,其余不推荐使用)

       1、HBuilder、HBuilderX(下载地址http://www.dcloud.io/

    (1)介绍:入门首推这两款工具。高校可能也有很多老师使用这两款教授学生。区别在于HBuilderX更加轻量,是HBuilder的下一代版本(Hbuilder已经停止更新维护),其压缩包大小仅10几M,通过自定义插件的安装来适应自己开发的需要,如git插件等。缺点是对各种框架的语法支持不是很好。

    (2)优势:软件由C++开发,性能自然强大。轻量,能够秒开文件,工具内置浏览器。

    (3)适合开发环境:H5 APP开发,单页面SPA开发等。但不推荐Node开发,对Node语法支持(express框架等)不是很友好。

       2、Editplus

    (1)介绍:EditPlus是一款由韩国 Sangil Kim 出品的小巧但是功能强大的可处理文本、HTML和程序语言的Windows编辑器,是一个超级小巧的IDE。没有代码提示功能,只有语法高亮。

    (2)优势:速度最快,适合快速查看代码

       3、Visual Studio Code(下载地址:https://code.visualstudio.com/

                  (1)介绍:微软推出的良心之作。是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分。

                  (2)优势:软件界面优美,由于是开源软件,社区有很多自带主题可选,甚至可以自定义背景图片,具体方法参照我的另一篇博客https://mp.csdn.net/postedit/90704344。自带git、终端很强大,配合插件,终端可以连接远程Linux客户端。

                 (3)适合开发环境:所有。学习TypeScript时,语言本身之所以很强大,其实离不开的是它的最强IDE。

    附小技巧:

      1、中文安装方法:点击图中红圈,在上面搜索“Chinese”,安装后重启即可,官方中文汉化。

    2、快速生成HTML文档:新建的HTML文档没有任何模板代码,这时需要输入英文的感叹号!,然后回车,即可快速生成H5文档模板。

    3、前端开发推荐插件(ctrl+shift+x搜索即可)

    JavaScript (ES6) code snippets :快速生成ES6代码;

    Live Server:在HTML文件右键open即可开启热更新服务器;

    vetur:vue开发必备

     

    展开全文
  • Web开发几种常用工具

    2019-08-13 08:08:01
    IDE篇 IDEA中自带诸多插件,如图: Tips to use IDEA You can quickly find all places where a particular class, method or variable is used in the whole project by positioning the caret at the symbol...

     

    IDE篇

    IDEA中自带诸多插件,如图:
    IDEA中的插件

    Tips to use IDEA
    • You can quickly find all places where a particular class, method or variable is used in the whole project by positioning the caret at the symbol’s name or at its usage in code and pressingAlt+F7(Edit | Find | Find Usages in the popup menu).

    构建工具篇

    背景知识

    什么是项目构建

    编程项目构建工具简介

    前端后端

    我终于搞明白了前端构建工具,你也可以的
    npm是干什么的?
    npm详细介绍
    利用nexus构建maven、docker、npm、gradle私服仓库

    工具比较

    SVN和Maven的区别
    Jekins—开源CI工具
    「CI」为什么要持续集成
    CI—百度百科
    常见的8个持续集成工具
    Jenkins+Maven+git配置
    Jenkins + Git + Maven + tomcat集成环境搭建
    浅谈Maven git技术
    maven和ant的比较
    java中三大构建工具
    Maven与Gradle对比
    Maven与Gradle的比较使用

    • Maven是管理项目结构,SVN是管理几个人合作开发的代码版本的
      maven,我们每做一个项目,都要往lib目录扔很多jar包,spring的啊hibernate的啊apache的啊等等,这样就会导致很多包不知从哪个角落下载回来的,名称千奇百怪,版本也不明,项目多了以后还得自己复制来复制去,容易有多种不同版本的包混杂。maven最基本最重要的功能就是管理这些项目间的依赖关系,用一个xml来维护。如果你的工程要用spring,你就在maven的pom.xml里配一下spring的项目名称和版本号,要用其他的也一样。得益于maven已经成为java世界的主流工具,绝大部分知名的项目都在maven中央仓库有标准名称,有各种不同的版本存在,你只要配下名称,配下版本号,maven就会自动从网上为你下载jar包并让你的工程依赖上,你的本地硬盘的仓库目录能看到井井有条的你用过的所有第三方项目的jar包和源代码,再也不用去下载那些来路不明的jar包再扔到工程里了,也不用担心写同一个项目的两个人一个用了3.0版的spring,一个用了2.5版的spring,以至搞出莫名其妙的问题。有了maven,我们不再需要往git或svn提交jar包,项目库的体积大大减小,下载项目变得快多了。而且只要提交一个pom.xml文件和你的代码,其他人自然也能下载到和你本地一模一样的第三方jar包,下过一次某个jar包以后,其他项目再用同一个jar包时,maven自然会使用本地仓库文件夹里存在的jar包,不需要再次下载,也不会出现很多个拷贝。另一个好处是maven的pom.xml任何一个主流ide工具都认识,都可以导入项目,你不用再操心你提交的.project和.settings文件因为别人的eclipse版本和你不同而导不进去,也不用再担心有人用的是别的ide认不得你的eclipse项目元文件,你不需要提交这些和开发工具有关的文件到服务器上了。
    • Java打包工具。若要组织依赖项首先你可以使用maven,它遍历依赖树并下载所有适当的JAR。
    • 总的来说,gradle相比于maven有很打的灵活性,目前gradle的使用者越来越多。而由于maven之前处于主流,并且在某些方面maven较gradle还有一些优点,所以maven和gradle并存。在github上大多数优秀的开源项目会同时提供maven和gradle两种添加依赖的方式。

    总结:Marven很棒,但gradle做的更棒,那么,学习gradle吧!精力有限,好钢用在刀刃上!
    Gradle快速入门

    • 彩蛋:放松一下——编程奇才楼教主 1.楼教主母校对答 2.楼教主ACM心路历程 楼教主三 楼教主四 五:小马智行路测 覃超谈楼天城
      Reporter: In addition to the programming contest, before you also participated in many math competitions. Some people think there is not much programming and mathematical relationships, how do you see?
      Tiancheng Lou: It may be the problems we encounter are not the same now. Problems I encountered more than focusing on the core part, tend to be more abstract, high efficiency requirements, to solve them, there must be a strong mathematical basis, from this requirement in terms of mathematics is still very high.——来源文章:什么渣翻译?
      数学很重要······

    Maven的使用

    有道云笔记之Maven的使用
    Eclipse配置maven环境
    理解Maven中的SNAPSHOT版本和正式版本

    idea更新maven依赖包
    maven缺少依赖包,强制更新命令

    P&S

    The superclass “javax.servlet.http.HttpServlet” was not found

    WebContainer

    Web容器、服务器、容器的理解总结
    Web container:应该叫做web service container或者说是web application server

    Typically, a Web server refers to an execution infrastructure that handles HTTP requests and responses; a servlet container refers to a component that handles the lifecycle for servlets; an application server refers to a framework (servlet container, EJB container, JSP engine, MQ container, etc.) for handling Web applications. However, a Web container has a couple of meanings depending on the source. Most refer to a Web container as the part of an application server that manages servlets, JavaServer Pages (JSP) files, and other Web-tier components. Some refer to a Web container as the infrastructure for managing the lifecycle for Web services.

    httpd - Apache Hypertext Transfer Protocol Server 百度百科

    apachectl - Apache HTTP Server Control Interface

    Tomcat的安装和使用

    Overview

    Apache Tomcat, often referred to as Tomcat Server, is an open-source Java Servlet Container developed by the Apache Software Foundation (ASF). Tomcat implements several Java EE specifications including Java Servlet, JavaServer Pages (JSP), Java EL, and WebSocket, and provides a “pure Java” HTTP web server environment in which Java code can run.
    Tomcat is developed and maintained by an open community of developers under the auspices of the Apache Software Foundation, released under the Apache License 2.0 license, and is open-source software.

    tomcat各版本下载
    how to connect Tomcat to the popular open source web server, Apache HTTP Server.
    Apache HTTP Server 与 Tomcat 的三种连接方式介绍
    Java WEB实现URL重写的优缺点及如何实现

    一.linux下安装使用

    1.Linux中安装tomcat

    How to Install Apache Tomcat 8 on CentOS 7
    CentOS6yum安装tomcat7
    tomcat目录结构说明&tomcat目录结构
    本文操作环境说明:CentOS release 6.10 (Final) & openjdk version “1.8.0_191”

    1.1 wget下载并配置tomcat免安装版到指定目录

    1ssh登陆linux
    ssh -p sshportNum root@ServerIp然后输入root用户密码即可登陆
    2.查看linux版本号/升级系统并安装jdk

    3.Create a dedicated user for Apache Tomcat
    groupadd tomcat
    useradd -g tomcat -d /opt/tomcat -s /bin/nologin tomcat
    4.Download and install the latest Apache Tomcat
    wget APT atp-get

    wget不是安装方式 他是一种下载软件类似与迅雷 如果要下载一个软件 我们可以直接wget 下载地址。 ap-get是ubuntu下的一个软件安装方式,它是基于debain。 yum是redhat、centos下的一个软件安装方式,它是基于Linux的

    1.2 yum安装tomacat

    yum install tomcat-webapps tomcat-admin-webapps—增加了ROOT、examples、sample、manager和host-manager Web应用到tomcat/webapps的目录。详见:详解
    yum安装tamcat后,目录时分散的

    • 查看tomcat版本信息:/usr/sbin/tomcat version
    • # cd /usr/share/tomcat—查看所有tomcat分散请求
    • rpm -ql tomcat | cat -n—查看tomcat全部安装目录

    2.linux下Tomcat使用

    启动tomcat服务:service tomcat start
    重新启动:service tomcat restart

    Tomcat更改默认端口

    Linux查询端口是否被占用的四种方法
    查询端口占用
    Linux下tomcat修改成的80端口无法访问
    iptables -t nat -A PREROUTING -p tcp --dport 80 -j REDIRECT --to-port 8080
    service iptables save

    域名解析到web服务器

    linux查看ip:ifconfig
    Shell 命令#curl ifconfig.me
    查看域名解析是否生效
    如何解决域名解析不生效问题?
    移动互联网时代,如何优化你的网络 —— 域名解析篇
    域名解析已经生效,无法打开网站常规的原因

    IDE篇

    IDEs Support (IntelliJ Platform)

    option in the installer to download and install a JetBrains 64-bit JRE.

    Myeclipse

    Myeclipse中的快捷键

    git基本命令
    • git配置
      Refs:1.初次运行git前的配置
      修改git默认http.postbuffer:git config --global http.postBuffer=524288000—改为500Mb

      git config --global user.name "userName"—设置github用户名
      git config --golbal user.email "userEmail"—设置github注册邮箱
      git config user.name—查看已设置的用户名
      git config user.email—查看已设置的注册邮箱

      • 将指定文件夹初始化为git管理的文件夹
        git init—cd到要初始化的文件夹下使用git bash命令行工具初始化该文件夹
        touch 1.py —在当前目录下创建文件名为1,后缀为py的文件
        git status—查看当前仓库状态
        git add fileName—add操作作用:untracked→staged
        git add .—add所有文件的修改
        git reset fileName—add的反操作:staged→untracked
        git reset --hard head
        git diff—查看unstaged和之前或者说上一个commit状态的区别
        git diff --cached—查看staged状态和上一个commit状态的区别
        git diff head
        git log&git log --oneline

        git status深入了解:如,git status -s
        git commit&git commit -m"message"&git commit --amend --no edit
        m代表commit信息

      git reset --hard head^^

      P&S

      warning: LF will be replaced by CRLF in Gemfile.

      Vim的使用

      VIM



      vim常用命令:
      set nu  NumG

    转载于:https://www.cnblogs.com/dgyw/p/10153581.html

    展开全文
  • java web开发用到的全套工具

    万次阅读 2018-11-23 10:54:25
    工欲善其事,必先利其器,好的开发工具能让猿们的代码开发坐上高铁快车。那么今天我就先整理一下我通过亲身体验感觉用起来feel 倍爽的开发神器吧! 一、IntelliJ IDEA IDEA idea相信很多小伙伴已经在用了吧?小...

    工欲善其事,必先利其器,好的开发工具能让猿们的代码开发坐上高铁快车。那么今天我就先整理一下我通过亲身体验感觉用起来feel 倍爽的开发神器吧!

    一、IntelliJ IDEA

    IDEA

    idea相信很多小伙伴已经在用了吧?小编我也是从今年才开始使用idea并且发现了它很多方便开发的功能,让之前习惯使用myeclipse的小编也开始对idea着迷了,刚开始使用的时候感觉很不习惯,因为idea和myeclipse还是有着很大的区别的,比如myeclipse能够在项目结构中开辟多个项目,而idea只能打开当前项目。小编觉得最令人着迷的还是那令人尖叫的智能提醒功能,这让我这个英语抓狂的小小猿觉得这ide人性十足啊。我猜测idea在不久的将来会成为java开发主流编译器,所以,赶快动起手使用idea,使用一个礼拜后你会有一种相见恨晚的感觉。

    二、Navicat

    小编相信这里有很多学习java的朋友,小编整理了一份java方面的学习资料,想要获取的可以加我的java学习群的哟,928204055。欢迎爱学习Java的你们。

    navicat

    navicat数据库管理工具,两个字方便,三个字太方便,四个字太方便了,对于sql初学者而言它是再好不过的工具了,可视化的sql管理省去了记dos命令的苦恼,但是要往深处学习java的话在linux环境下创建数据库表结构也是必须要熟练的,那现阶段的我们就先从这最简单的工具使用开始吧。

    三、Google Chrome

    google chrome

    谷歌浏览器是java web开发中较长使用到的,虽然被墙了,但它的F12调试可是非常66的,一目了然很方便,布局合理,总之各种喜爱。

    四、Postman

    postman是google浏览器下的一个插件,如果大家能够翻墙的话可以从谷歌浏览器中的设置中->更多工具->拓展程序中添加,如果没有翻墙的话可以从网上下载插件自行安装,至于教程不加赘述,自行百度(手动滑稽)这个插件能够模拟post get 带参和无参等多种请求,这个插件特别强大,谁用谁知道,一般人我不告诉他(坏笑)。

    五、Maven

    maven项目管理工具

    maven项目管理利器,在后续的学习中会使用到,今天就先给大家提一下,等学到这一块再跟大家分享使用方法,以及conf配置阿里云镜像仓库和如何在idea中使用maven进行jar包管理,这个是现在企业级应用开发使用最多最方便的。码字有些累,希望对对关注哦,后续文章更精彩。

    六、tomcat

    Tomcat

    作为java web开发的小猿猿,一个轻量级的web服务器必不可少,tomcat在实际开发中使用的较为广泛,它以轻量级,功能全著称,我会分享tomcat在idea中如何使用配置,那还在使用eclipse的小伙伴,快快向idea看过来(坏笑)。

    七、nginx

    Nginx

    Nginx (engine x) 是一个高性能的HTTP和反向代理服务器,也是一个IMAP/POP3/SMTP服务器。对于高并发的web来说nginx的作用功不可没,在之后接触到的分布式服务器集群中,nginx可用作图片服务器,确保用户服务资源的一致性,在后续学习中我们还要用到vm,我会告诉大家如何在vm中搭建nginx服务。

    七、git or svn版本控制工具

    github

    svn

    版本控制是现在企业常常需要的,版本控制非常重要,在公司中一个项目会有很多的开发人员共同协作完成,首先先说一下git,github是国外一个较为知名的代码仓库,拥有超多的用户量,存放了大量的开源项目,这个国内网络是可以直接访问的,里面大牛如云,在大家有一定基础的情况下可以去看一下。码云是国内类似github的代码仓库,大家可以先去申请自己的码云账号,在后期的学习中,我会分享如何使用码云,如何在idea中使用。那么git是国内一些小的软件开发公司常用到的,但对于大的公司企业,代码的安全是尤为重要的,那么他们会选择自己购买云服务器,并在云服务器上搭建svn服务器,然后将自己公司的代码存放在svn服务器中,那么后续的学习中也会学到svn的使用,等学到时再详细讲解哦,敬请关注。

    展开全文
  • 十大移动web开发工具

    千次阅读 2015-05-11 10:43:32
    以下列出的这些是目前十大移动web开发工具,移动开发者可以(根据具体情况)用这些工具来创建apps,实现丰富的功能。欢迎提出宝贵意见。 1)mobl-lang Mobl是一款免费且开源的语言,可以加快移动app的...
  • java web开发工具有哪些?

    千次阅读 2018-10-23 16:48:32
    工欲善其事,必先利其器,好的开发工具能让程序猿们的Java web开发学习坐上高铁快车。那么今天小编就先整理一下感觉用来feel 倍爽的开发神器吧! 一、IntelliJ IDEA idea相信很多小伙伴已经在用了吧?小编我也是从...
  • 推荐:web开发人员常用8个小工具

    千次阅读 2016-12-07 18:01:26
    随着技术发展,web网页开发要求越来越高,开发者都希望能更快速更高效更完美地展示,但工欲善其事必先利其器,今天我们大圣众包(www.dashengzb.cn)小编就为大家整理8个好用的web开发常用工具,希望可以收藏实践下...
  • 网站开发一般分为前端和后端两个部分。前端负责实现页面效果,后端主要负责功能开发。一般的开发流程是先由美工或者网页...那web开发都用什么工具呢?最常用的前端开发工具有哪些呢?本文推荐8款最好用的web前端开发...
  • 2018年20种最佳前端Web开发工具

    千次阅读 2018-10-26 15:19:00
    有许多前端开发工具可以加速Web...此Web开发工具是一个命令行实用程序,用于与帮助打包的所述存储库进行交互。 特征: 在Registry中发现并重用超过470,000个免费代码包 鼓励团队内的代码发现和重用 发布和控制...
  • Web界面原型设计工具

    万次阅读 2011-04-05 17:09:00
    找了N久的Web界面原型开发工具,发现了几款: Balsamiq Mockups:手绘风格的,收费软件; Word:提供基本的网页交互控件; PowerPoint:提供控件工具箱,但没有象Word的Web工具箱,提供的控件比较少; ...
  • 今天遇到一个问题,开发微信公众号和小程序的微信web开发者工具,突然打不开了,无论怎么点击,怎么重启电脑都打不开,昨天都好好的,今天上班就出问题了。 刚刚解决,现在把解决办法附上,希望对大家有帮助: ...
  • Web前端工程师常用的8个工具

    万次阅读 多人点赞 2018-03-23 16:25:39
    HBuilder是专为前端打造的开发工具,具有飞一样的编码、最全的语法库和浏览器兼容数据、可以方便的制作手机APP、最保护眼睛的绿柔设计等特点。支持HTML、CSS、JS、PHP的快速开发。从开放注册以来深受广大前端朋友们...
  • 微信web开发者工具无法打开的解决方法

    万次阅读 热门讨论 2017-09-09 16:14:28
    2016年底,微信小程序正式上线。很多人和我一样开始对这个新兴的东西产生了兴趣,但许多人却遇到了这样一个...1、第一步,右键点击你的微信Web开发工具,选择属性。2、第二步,到兼容性选项卡中。勾选以管理员身份运行
  • web设计之:崛起中的九大HTML5开发工具
  • 2016年最好的15个Web设计和开发工具

    千次阅读 2017-05-02 09:11:22
    网络无处不在。世界上几乎没有地方是没有被...但是web开发的标准相比几年前,已经提升了若干个档次。这是为什么市场总是对最先进、最高效的web设计和开发工具有需求的原因。 网络革命催生了web设计师和开发者,web设
  • 微信小程序开发工具 ubuntu linux版本

    万次阅读 2017-05-19 10:09:37
    在网上找了一些ubuntu下安装小程序开发工具的文章,很多不好安装,步骤太多,现在分享一个简单的方法: https://github.com/cytle/wechat_web_devtools 参考以上地址按步骤来就可以了,不过下面命令可能不行 git ...
  • 微信web开发者工具的使用

    万次阅读 2016-03-22 23:10:48
    2016年初微信发布微信web开发者工具,可以在PC或Mac上模拟访问微信内网页,帮助开发者更方便地进行开发和调试 1、上一篇文章微信企业号jssdk拍照http://blog.csdn.net/u014520797/article/details/50890513也可以...
  • 微信手机端调试工具[下载地址] ...如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具(比如小程序-微信Web开发者工具),建议使用腾讯管家之类的清理干净。2.安装好后,选择移动调试,X5 Blin
  • 利用eclipse开发动态web项目(适用入门)

    万次阅读 多人点赞 2012-04-28 12:38:23
    由于myeclipse为收费工具,考虑到侵权行为,故选择eclipse作为开发web项目的工具,不过开发利用的各框架时,需要进行手动安装插件或配置,以下仅仅说明了开发、发布、运行一个web项目的过程。 1、环境:win7,jdk...
  • 微信web开发者工具简介

    万次阅读 2016-10-03 00:12:51
    为帮助开发者更方便、更安全地开发和调试基于微信的网页,我们推出了 web 开发者工具。它是一个桌面应用,通过模拟微信客户端的表现,使得开发者可以使用这个工具方便地在 PC 或者 Mac 上进行开发和调试工作。 下载...
1 2 3 4 5 ... 20
收藏数 708,778
精华内容 283,511
关键字:

web开发工具