前端开发常用哪些工具软件?
前端开发的编译器在选择上还是很多的。在学校里,老师主要讲三个前端开发软件:
1、WebStorm
帮助编写HTML、CSS、Less、Sass和Stylus代码,并且支持Node.js和主流框架,如React、Angular、 Vue.js、Meteor等。与IntelliJ IDEA同源,继承了IntelliJ IDEA强大的JS部分的功能。但是付费软件。
2、IntelliJ idea
idea是学校老师教得最多的一款软件,从学Java开始,除了eclipse和myeclipse之外,学校老师用的最广泛的Java编译器就是idea,而idea也能进行前端项目的开发,idea是我用得最熟的一个编译软件。像一个完整的前端网站,配置好jdk,tomcat,maven,数据库之后就可以在idea上进行搭建了。
3.Visual Studio Code
简称VScode,前端开发时期学习的第一款软件,当时学VScode的时候上的网课,老师用插件的时候一个没跟上,就跟不上了。总体感觉下来是插件库很丰富,而且内存占用不大,目前我身边用VScode的人是最多的。
下面是我在实习中接触到的前端开发工具:
notepad++
页面很简单,乍一看像是一个记事本,它也确实可以当记事本用。有很多特色插件可以使用,支持多种编程语言的语法高亮显示,具有代码折叠功能。
2、HBuilderX
HBuilderX是DCloud(数字天堂)推出的一款支持HTML5的Web开发IDE。HBuilder的编写用到了Java、C、Web和Ruby。HBuilder本身主体是由Java编写。是HBuilder下一代版本,具有轻便、适合vue框架的特点。
idea开发工具的插件开发(一)入门
1、
首先使用idea新建一个intellij platform plugin项目,如下图,名字自己定义
2、
然后进入项目在src目录下new一个action文件,如下图操作
说明:
(1)groups表示自己的插件在对应的那个idea的菜单出现,例子中选择了Help,那么之后,插件开发完成后就可以去help中找到插件
(2)后面的Actions和achor表示的具体位置
(3)最下面的keyboard shortcuts表示自己的插件将通过什么快捷键唤起,这个录入的时候,只需要将光标点击在输入栏,在键盘执行对应的快捷键即可
(4)以上的信息录入完成后如果想要修改,可以在plugin.xml中修改对应的信息,如下如所示
5、
查看效果,点击运行按钮会,idea会新起一个窗口,然后再新的窗口中检测,自己的实现是否正确
如下图:
6、
生成jar包,然后就可以通过安装本地插件选项安装自己写的插件。
项目的github地址:
码神必用的这些 IDEA 插件 怪不得你们写代码头疼了
前言:
学习使用一些插件,可以提高平常工作中的开发效率。对于我们开发人员很有帮助!有了这些插件,可以说得心应手了,各位
插件安装
IDEA里面,依次选择打开 File Settings Plugins ,在Plugins里面可以搜索需要的插件,然后安装( 安装完插件,一定要重启Idea,不然插件不生效 )
【 阿里巴巴代码规范检查插件 】
① 功能:
② 使用方法:
将会出现如下所示的检查结果,并会给出编码规范和提示:
【 Bug检查插件 】
① 功能:
② 使用方法:
【 快捷键提示插件 】
① 功能:
② 使用方法:
【 翻译的插件 】
① 功能:
② 使用方法:
注:还有一款翻译插件是 EcTranslation
【 分析依赖冲突的插件 】
① 功能:
② 使用方法:
可以查看依赖冲突
可以清晰的查看maven依赖树
【 增强idea对mybatis支持的插件 】
① 功能:
这个插件超级实用,可以从mapper接口跳转到mybatis的xml文件中,还能找到对应的方
② 使用方法:
【 日志高亮显示插件 】
① 功能:
功能:
功能:
注意:需要在pom引入依赖
【 代码编辑区缩略图插件 】
功能 :
最后给大家分享Spring系列的学习笔记和面试题,包含spring面试题、spring cloud面试题、spring boot面试题、spring教程笔记、spring boot教程笔记、最新阿里巴巴开发手册(63页PDF总结)、2022年Java面试手册。一共整理了1184页PDF文档。私信博主(777)领取,祝大家更上一层楼!!!
原文作者:扬帆向海
原文出处:
开发Intellij Idea插件
在过去几年中,JetBrains的IntelliJ很快成为Java开发人员的顶级IDE。使IntelliJ对Java开发人员如此有吸引力的一个特性是使用插件扩展和创建新功能的能力。在本教程中,我们将介绍如何编写IntelliJ插件来演示扩展IDE的几种方法。
Intellij插件按照功能可分四类:
使用 Plugin DevKit( )来创建工程,DevKit提供了自定义SDK类型和一组用于在IDE中构建插件的操作
在Intellij的菜单栏,选择 File | New | Project, 在 New Project 框里选择 IntelliJ PLatform Plugin
在project SDK选项框选择合适的Intellij SDK,然后下一步,填上project name,完成,就创建好一个Intellij plugin 工程了。
创建自定义Action
创建自定义的action,需要继承抽象类AnAction,并且需要重写方法 AnAction.update() 和 AnAction.actionPerformed() :
actionPerformed()方法
在该方法中,我们通过getSelectedCode()方法拿到用户选择的文本,通过刚发getLanguageTag()获取当前文本语言,比如java,js,go等。然后通过getURL()方法组装url,最后通过BrowserUtil.browse(url) 打开浏览器,并访问给的url。在我们demo里面,我们将用选择的文本在baidu里面进行搜索。
获取Editor中选择的文本
你需要使用SelectionModel对象获取选择的文本
获取当前文件的语言
从event中通过CommonDataKeys.PSI_FILE key获取到PsiFile对象,然后再从PsiFile中获取到Language。
有两种方式可以注册我们自定义的事件:1. plugin.xml中配置,2.代码中注册
在plugin.xml文件中注册事件:
在Idea中运行或者debug插件是非常简单的一件事
配置
运行
结果
idea可以写前端代码吗
你好,idea可以写前端代码。使用idea写前端代码需要安装各种插件才可以,idea是用于前端代码开发的。
idea前端开发需要装node吗
最好是安装上比较好,如果是jQuery这种就不需要,如果是vue,angular,react这些就是需要的,需要用node下载项目依赖的插件。
当然也可以不下载,不过用什么插件的话都需要去对应的官网中下载然后直接引入到项目中也可以,不过不是很推荐这种方式。