-
2021-12-10 18:06:13
- Vue.js Vue.js支持插件
- element
Element-UI支持插件,可以对Element-UI中的标签进行智能提示 - CodeGlance 右侧展示一列当前文件中代码的缩略图
- Chinese Language package 中文语言包(2020之后版本可用)
- Translation 翻译工具
- CodeSearch 选中某段内容,可以直接右键通过搜索引擎搜索进行搜索
- Atom Material Icons 为文件夹、文件增加图标,让编译器看起来更美观
- GitToolBox 查看鼠标所在行代码是谁在何时提交
- Live Edit 自动更新浏览器里的网页
更多相关内容 -
对比vscode和idea开发前端的优劣
2021-05-28 09:27:29本人一直使用idea开发前后端多年,最近公司大佬墙裂推荐使用vscode开发前端,用了几个月,下面是使用体验: 1.首先是智能提示方面我认为是不如idea的,但勉强够用本人一直使用idea开发前后端多年,最近公司大佬墙裂推荐使用vscode开发前端,用了几个月,下面是使用体验:
1.首先你使用vscode得咔咔一顿装各种插件,原生的vscode你用的肯定极其难受,不得不说vscode上还有很多很骚很好用的插件的
2.智能提示方面我认为是不如idea的,但基本够用;
3.无法使用tab键使光标跳出字符串和(),得装了插件才可以
4.很多情况下按ctrl+点击无法跳转属性和方法,这点真的不能忍!!!!
5.pull和push弄完了居然不给个提示
6.vscode处理代码冲突真的落了idea几万条街,idea有非常友好容易操作的界面,这对我来说很重要!
7.操作方式我觉得还是idea更符合人的操作习惯,特别是在版本控制这一块,idea可以创建changlist对修改的文件进行分类,提交代码很方便
8.vscode不够稳定,有一次软件更新后,代码格式化不起作用了,还有一次是格式化冲突,代码搁那一直闪
9.暂时还没发现vscode有的功能而idea没有
那么vscode有没有优点?有
1.开源免费
2.占用内存少
3.插件多样,可玩性高
适应了idea的开发后,使用vscode实在感觉难受,就此弃用vscode,宠idea去了
-
idea — 配置前端开发环境
2021-11-13 21:06:03idea — 配置前端开发环境 一、格式化html 快捷键: ctrl + alt + l 问题1:idea格式化html 不缩进 解决步骤: settings -> Editor -> Code Style -> HTML -> Other -> Do not indent children... -
Web前端开发神器 Intellij IDEA
2021-03-12 23:23:221前言在创建项目中,IDEA提供了很多项目模板,比如Spring MVC模板,可以直接创建一个基于Maven的Spring MVC的demo,各种配置都已经设定好了,直接编译部署就可以使用。最开始自己创建maven web项目时,要么创建一个...1前言
在创建项目中,IDEA提供了很多项目模板,比如Spring MVC模板,可以直接创建一个基于Maven的Spring MVC的demo,各种配置都已经设定好了,直接编译部署就可以使用。
最开始自己创建maven web项目时,要么创建一个springmvc项目进行修改,要么创建了一个maven项目(不是web项目),自己添加webapp目录添加配置web.xml文件,以及添加web moudle,配置属性等等。
另外之前总结的几篇Intellij使用文章,里面多多少少都还有点问题,请以本篇为准。
在Intellij 13.1以后的版本创建项目时的界面发生了调整,不过具体步骤都还是差不多的。本文使用的版本为13.1.2,
2创建Maven Web项目
new project——maven——勾选 create from archetype 选中webapp
下一步 (图略)填写项目的 groupId artifactId version 后Next 出现以下界面
Next后添加项目名称 Finish
第一次使用时,可能需要下载archetype webapp的插件 有时候网络不好 可能需要很长时间 不过以后就好了
刚创建完之后,需要稍等一下,加载相应配置文件,之后如下图所示
此时的项目已经是Maven的 webapp项目了
这个时候IDE还有缓存,需要在右侧Maven project中 刷新一下,加载pom中的配置
(以后在pom中添加jar的依赖后,都要点击maven project的刷新按钮 刷下缓存)
这个时候Maven webapp项目就彻底创建好了 不需要再在project structure进行配置了。
如下两图,都是默认给配置好的,不需要进行修改:
3关于Maven Web项目的配置说明
Project Structure中Artifaces的配置
如上图所示,在Aritifaces中有两个war,一个是war 一个是war exploded,在配置服务器时需要选择war exploded
千万要注意,这两个war都不应该是自己添加的,而是根据maven中的配置自己生成的
之前没有这两个war的时候,我都是自己创建,往往后果就是项目在编译后缺少jar包,依赖的jar没有自动拷贝
其实Intellij中的mavan项目配置,都是依赖于pom中的配置,如果pom中的配置正确,就不需要修改项目的IDE配置
首先pom要有war,如果pom中配置了这个,Aritifaces就会有上面的两个war
其次pom要有
test 这个关系到上图中的output
directory中的配置,finalName作为target下的项目目录,以及会创建对应名字的war包(比如test.war)
配置src/main/java
如上图,src/main目录下缺少java目录,我们可以右键创建目录java,然后再modules中配置为sources目录
这样src/main/java图标就变成了蓝色,作为java源代码区了。
-
2.4-使用idea开发javaWeb应用程序-1(前端页面)
2021-03-12 23:23:49使用idea开发javaWeb应用程序-编写前端页面前言上一节搭建了idea+maven+tomcat的java web开发环境,创建了一个webapp模板工程:FirstJavaWeb这节将在此基础上,编写3个静态页面,并实现页面的一些效果和跳转:index.... -
IntelliJ IDEA【前端必备插件】
2022-06-12 01:08:23前端插件汇一️♂️ -
前端用idea 开发,运行页面太麻烦了
2019-03-01 11:20:11前端用idea 进行项目.html文件修改微调的时候。每次都package 对项目打包。再浏览页面 运行都要好几分钟。太浪费时间了 请大神指点。能不能有简单的 ,例如实时页面更新的方法 进行页面编辑 快速浏览 ... -
【IDE】IntelliJ IDEA 开发前端项目时使用 npm install 卡死问题
2019-05-10 17:16:28在IDEA中开发开发前端项目时使用 npm install 卡死问题,我是如何解决的? -
使用Idea搭建vue前端项目
2021-01-16 12:03:54前言 【1】安装node.js,配置好环境变量,并指向taobao镜像地址 【2】安装Vue-cli3 【3】vue create 项目名称 【4】vue add element (添加 element,一个 element 风格的 UI 框架) 【5】npm ...前端项目基础搭建完成 -
HB前端代码IDEA
2019-04-10 08:21:47前端代码编辑工具,集成开发环境、多平台开发的一款易学易用的开发工具,它可以实现emmet、sass、less自动编译,完整的代码提示、自动补全可以说就像是飞一样的写代码。 -
idea去掉前端代码的下划线
2020-07-23 17:28:12今天用java的时候,发现前端代码下面总是有下划线,看起来很不舒服。这个字体样式是自己导入进来的。 接下来看看怎样去掉这些: File --> Setting --> Editor -->Color Scheme ,找到XML,发现果然是... -
IntelliJ IDEA 前端调试(Js Debug)
2021-06-07 15:48:37最近在学习Draw.io项目,希望用IntelliJ对代码进行调试,因为项目中除了少部分后台代码外,几乎都是Java Script,所以希望找到一...后来阴差阳错发现IntelliJ IDEA本身就带了JavaScript调试的功能,在此分享一下: 如 -
idea启动项目之后修改前端代码,不用重启,直接刷新页面即可
2022-05-07 16:59:38修改过前端HTML代码之后,在页面刷新即可!!!这也太帅了吧1、2、修改之后重启就生效了!!!修改过前端HTML代码之后,在页面刷新即可!!!这也太帅了吧 -
Spring Boot与前端配合与Idea配置部署操作过程
2020-08-28 00:40:29主要介绍了Spring Boot与前端配合与Idea配置部署的操作过程,本文图文并茂给大家介绍的非常详细,需要的朋友可以参考下 -
idea必备开发插件.
2018-09-12 18:03:10我们开发中使用mybatis时时长需要通过mapper接口查找对应的xml中的sql语句,该插件方便了我们的操作 9、MyBatis Log Plugin(直接搜索 MyBatis Log 相当的牛逼) Mybatis现在是java中操作数据库的首选,在开发的时候,... -
Idea运行项目前端页面乱码和控制台乱码问题
2019-11-01 18:04:11Idea运行项目前端页面乱码和控制台乱码问题 一共需要注意4处 1.先检查项目的“File Encodings”的编码类型。 2.Tomcat的“VM options”加上“-Dfile.encoding=UTF8”。 3.jsp文件加上 “<%@ page contentType=... -
如何使用Idea搭建Web开发环境
2019-06-12 21:36:22Idea配置Maven web开发环境基于多项目管理 使用Idea创建一个空工程,如下: 点击完成之后会出现如下弹框: 点击+创建一个Maven模块,如下图: 填写以下信息: 注意:Maven的打包... -
使用Idea开发node版本不同的前端工程,项目起不来。
2020-08-27 19:16:44因为两个项目分别用到node 8和12,于是搞了个node版本切换工具nvm。 项目需要node 12,控制台输入node -v ,输出得到的版本就是12。 于是打开终端,起项目。...说明代码没问题,于是想到是idea配置问题,果然。 ... -
vue idea前端环境搭建,启动前端程序
2021-10-28 13:57:441.先在idea中配置vue插件 点击File–>Settings–>Plugins–>搜索vue.js插件进行安装,我的已经安装好了,跟着安装就可以 2.安装node.js环境 百度node官网下载最新的node.js,然后用管理员打开,一路点下... -
使用IDEa运行前端VUE-admin,和打包发布
2022-05-12 10:51:55这里以 ... 一个前后端分离项目为演示 在拉取项目的时候,本机必须安装node.js IDEa再安装一个VUE插件, ...运行该前端, ...在这个过程中会自动提示你缺失什么,按照提示确认即可,过一会前端就...同时,想要修改开发时前端运行 -
WEB前端开发-案例汇总(81例).zip
2022-05-08 08:20:02WEB前端开发-案例汇总(81例),前端资源大汇总;适合初学者进阶,几乎涵盖前端开发所有案例,可供学习及设计参考。 -
Vue系列之-Idea进行Vue前端调试
2021-11-03 19:57:12前言 最近要做前端项目开发了,但是自己已经好久么有做前端开发,将近3...我现在开发工具18年就开始用Idea了,一直用到现在,于是查找用Idea进行Vue前端调试的方法,还真被我找到了,后面可以非常便捷的用Idea进行Vue前 -
为什么使用IntelliJ IDEA开发
2019-01-24 11:07:40IDEA 全称 IntelliJ IDEA,是java语言开发的集成环境,IntelliJ在业界被公认为最好的java开发工具之一,尤其在智能代码助手、代码自动提示、重构、J2EE支持、各类版本工具(git、svn、github等)、JUnit、CVS整合、... -
web前端开发常用工具有哪些?
2019-07-01 17:05:18无论是初学小白亦或是自身前端开发人员,好用的软件工具可以帮助他们更好的工作。下面苏州学码思小编为大家介绍一些常用的web前端开发工具。 1、Bootstrap Bootstrap是快速开发Web应用程序的前端工具包。它是一个... -
图文手把手教程--JAVA后端开发环境搭建(IntelliJ IDEA 2020)及HelloWorld工程
2020-05-28 02:04:48准备工作:下载JDK、IntelliJ IDEA 2020 下载地址: ...IntelliJ IDEA 2020: IDEA 官网 https://www.jetbrains.com/idea/download/ ...一、安装和配置JAVA开发环境 把准备好的JDK安装到本机上(最好安装在全英文路径下) -
Intellij IDEA创建SpringBoot项目(超详细)+Mybatis整合Ajax+Bootstrap前端学习增删改查
2020-09-11 13:42:44超详细的SpringBoot项目创建步骤一、SpringBoot介绍二、创建SpringBoot项目三、创建静态资源页面四、数据库编程(Mapper)五、控制器层与持久层六、整合前端界面 一、SpringBoot介绍 二、创建SpringBoot项目 三、... -
idea创建react项目
2021-07-05 17:36:35最近没事做想学习一点前端的知识,由于平时都使用idea作为后端开发,这里也使用idea来开发react。 安装nodejs 直接官网下载安装,https://nodejs.org/en/download/ idea安装nodejs插件,安装完重启 创建react... -
idea修改前端代码浏览器页面不生效
2022-03-27 15:15:55在开发springboot项目时,启动了项目,修改了前端html页面代码,但是浏览器中并不能实时加载修改的内容。 解决方法如下: 1.依次点击操作file->Settings->Build,Execution,Deployment->Compiler,勾选上...