首页 > 编程语言 >使用 IDEA 工具打开vue/react/node项目

使用 IDEA 工具打开vue/react/node项目

时间:2023-01-19 12:55:08浏览次数:60  
标签:node vue 项目 IDEA idea 点击 打开 加载

1. IDEA 在官网上下载社区免费版的

https://www.jetbrains.com/zh-cn/idea/download/#section=mac

下载完成后,一直点击 next 安装即可

2. 安装完成后点击 open 打开 git clone 拉下来的前端项目,注意要用 Trust Project 打开

如图:点击 Open

选中了目录之后,会弹出以下弹窗,选择 Trust Project 

 

3. 假如选择“Preview in Safe Mode”打开项目会出现 git 无法使用情况

假如你用了 Safe Mode 打开项目,可以在 setting -> git test 中看到 Cannot run a Git command in the safe mode 提示

假设是不小心点击了 Safe Mode 打开了项目。我们也可以打开类文件,如果右上角有提示,则可以点击Trust Project....,选择信任该项目,则解除了安全模式。

  

这样目录右键点击之后才有出现 git 工具

4. 打开项目一直indexing, 无法操作的问题

当你第一次使用 idea 打开 vue/react/node 项目的时候,idea 可能会一直在loading,可以看到 右下角有个 Scanning Files to Index

有可能会你的电脑风扇转的声音贼大的情况

 

这种情况都是因为打开 node 项目的会有 node_modules 目录, 这个目录的依赖包比较大,所以会让idea一直加载。

我们设置下,让 idea 不去加载 node_modules 就可以了。

 

  • Windows:  File -> Settings

 

  • Mac:左上角的Intellij IDEA -> Preferences

 

找到 Editor -> File Types -> Ignored Files and Folders 新增 node_modules 即可 

注: 先点击 Apply ,再点击 OK 关闭

 

 

 

 

5.  还有种情况,也可能会让 idea 一直加载。因为idea的本身是为了java开发而出现的,所以它默认会去加载 jdk 和 maven 仓库。

我们也可以设置让它不去加载,这样也可以节省电脑内存

设置 -> Tools -> Shared Indexes

 

标签:node,vue,项目,IDEA,idea,点击,打开,加载
From: https://www.cnblogs.com/xuqichun/p/17061234.html

相关文章

  • vant+vue3自定义主题
    很多系统都会有切换主题的功能,现在做的是一个vant的项目,特地记录一下这里面用到的css3的一个技术,也就是变量,css3的var()和自定义变量,具体使用可百度大题逻辑是这样 ......
  • Vuw2和Vue3如何使用ref获取元素节点?
    Vue2中<template><divid="app"><divref="echohye">新年快乐</div></div></template><script>exportdefault{mounted(){console.log(this.$ref......
  • react,vue中的key有什么作用?(key的内部原理)
    1.虚拟DOM中的key的作用:key是虚拟dom对象的标识,当状态中的数据发生变化时,vue会根据新数据生成新的虚拟dom,随后vue进行新的虚拟dom与旧的虚拟dom的差异比较。2.比较规则(1......
  • node+express+ multer 实现文件上传入门
    文件上传文件上传需要借助一个中间件multer因此我们需要安装cnpminstallmulter--save前端界面在express创建的项目下的public/upload目录下创建indexfileuplo......
  • uniapp vue2.0 动态绑定style
    简单记录几种写法<view:style="{height:height+'rpx'}">动态高度,固定单位</view><view:style="[{height:height+'rpx'}]">动态高度,固定单位,数组写法</vi......
  • JavaScript精简(基于node.js)
    目录1、基本语法2、变量3、数据类型3.1、数字型Number3.2、字符串类型String3.3、布尔型Boolean3.4、Undefined、Null3.5、获取变量的数据类型3.6、数据类型的转化4、运......
  • nodejs 导出excel
    window.export=function(){layer.msg(MOD_PAGE_PATH+'/export');window.location=MOD_PAGE_PATH+'/export'......
  • Vue配置代理
    代理服务器在官网中有详细的配置参考。方式1如果你的前端应用和后端API服务器没有运行在同一个主机上,你需要在开发环境下将API请求代理到API服务器。这个问题可......
  • Gridea写博客
     可以,写博客的那个劲儿又回来了Gridea是一个静态博客写作客户端,帮助你更容易地构建并管理博客或任何静态站点。 ......
  • vue3_ts_defineProps的使用
    一、defineProps在js中的使用//jssetupconstprops=defineProps({name:{type:String,default:'张三',//设置默认值......