当前位置:首页 > 开发工具 > IDEA安装yarn

IDEA安装yarn

2022年08月04日 16:33:41开发工具2

IDEA安装yarn

前言

瓜瓜在本文讲述在idea中安装yarn环境,并打包运行vue项目。

场景

当我们拿到一个vue项目,导入到idea后发现有yarn.lock文件,则该前端项目需要通过yarn来进行启动。如下图:
IDEA安装yarn _ JavaClub全栈架构师技术笔记
未安装前,如图下:
IDEA安装yarn _ JavaClub全栈架构师技术笔记

安装步骤:

1.各位看官注意,我们安装yarn,必须得把Nodejs的环境先配置好。以及npm的淘宝镜像安装好,也就是说启动vue的环境的是正常的。

2.在Terminal面板下,通过cnpm install -g yarn 命令进行全局安装:
IDEA安装yarn _ JavaClub全栈架构师技术笔记
3.执行成功后,执行yarn --version查看是否安装成功:
IDEA安装yarn _ JavaClub全栈架构师技术笔记
4.执行 yarn install,安装依赖:
IDEA安装yarn _ JavaClub全栈架构师技术笔记
IDEA安装yarn _ JavaClub全栈架构师技术笔记

5.执行yarn run serve,启动项目
IDEA安装yarn _ JavaClub全栈架构师技术笔记

作者:瓜仙人
来源链接:https://blog.csdn.net/u010312671/article/details/105983838

版权声明:
1、JavaClub(https://www.javaclub.cn)以学习交流为目的,由作者投稿、网友推荐和小编整理收藏优秀的IT技术及相关内容,包括但不限于文字、图片、音频、视频、软件、程序等,其均来自互联网,本站不享有版权,版权归原作者所有。

2、本站提供的内容仅用于个人学习、研究或欣赏,以及其他非商业性或非盈利性用途,但同时应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人及本网站的合法权利。
3、本网站内容原作者如不愿意在本网站刊登内容,请及时通知本站(javaclubcn@163.com),我们将第一时间核实后及时予以删除。


本文链接:https://www.javaclub.cn/tool/17092.html

标签: IDEA
分享给朋友:

“IDEA安装yarn” 的相关文章

Mavan的配置,以及与IDEA版本不一致,解决办法

Mavan的配置,以及与IDEA版本不一致,解决办法

目录 1.mavan的环境变量的配置 1.1 下载maven 3.1.1 1.2、配置Maven环境变量 1.3检...

好用的IDEA插件推荐,提升你的开发效率

好用的IDEA插件推荐,提升你的开发效率

0. 引言 不同类型的开发插件具备不同的作用,有能够直接提升我们开发效率的,也有能够规范我们代码的。在茫茫的插件海中,结合我这些年的使用总结,给大家推荐几款IDEA插件 1. 代码规范类 1.1 Alibaba Java Coding...

手把手教你JDK+IDEA的安装和环境配置

手把手教你JDK+IDEA的安装和环境配置

                   目录 1.先安装JDK  1.1 查看电脑是多少位的系统 1.2 安装和电脑系统相同位的JDK...

【收藏】史上最全的Idea快捷键大全

Ctrl快捷键介绍Ctrl + F在当前文件进行文本查找 (必备)Ctrl + R在当前文件进行文本替换 (必备)Ctrl + Z撤销 (必备)Ctrl + Y删除光标所在行 或 删除选中的行 (必备)Ctrl + X剪切光标所在行 或 剪切选择内容Ctrl + C复制光标所在行 或 复制选择内容C...

IDEA 设置代码提示或自动补全的快捷键

IDEA 设置代码提示或自动补全的快捷键 (附IntelliJ IDEA常用快捷键)修改方法如下:点击 文件菜单(File) –> 点击 设置(Settings… Ctrl+Alt+S), –> 打开设置对话框。在左侧的导航框中点击 KeyMap。 接着在右边的树型框中选择 Main...

IntelliJ IDEA 常用快捷键 Windows版本

IntelliJ IDEA 常用快捷键 Windows版本

前言 IDEA快捷键默认支持两种,一种是从熟悉Eclipse开发工具转到IDEA过来的开发这,一种就是操作系统默认的,例如WIndwos就是Default copy,Eclipse就是Eclipse copy,Mac的话就是另外的一套了,这里总结一...

每个开发人员都应该知道的 15 个 IntelliJ IDEA 快捷方式

作为开发人员,高效地工作非常重要。这包括快捷方式,这些快捷方式对于快速工作和减少鼠标移动至关重要。但是,初学者往往不知道哪些快捷方式可用或忘记使用它们。出于这个原因,在这篇文章中,我将为您提供 15 个 IntelliJ IDEA、Android Studio 和几乎所有其他 Jetbrain ID...

IDEA技巧:如何根据注释生成swagger注解

IDEA技巧:如何根据注释生成swagger注解

相信大家在进行java项目开发,肯定会接触到swagger的,一款动态生成api文档的神奇,只需要在api上面加上注解,就可以生成文档,现在我简单介绍下swagger的快速入门,最后再说下如何根据注释快速生成这些烦人的注解。 ​ swagger日常...

工程专题|idea一个对话打开多个工程

工程专题|idea一个对话打开多个工程

摘要 在我们刚开始学习java的时候,使用的最多的ide工具就是eclipse,在eclipse中我们可以同时打开多个项目,很方便的在项目之间进行切换,刚开始接触idea的时候,我们发现在一个窗口只能打开一个项目,如果需要打开多个项目就只能打开多个窗口,非常不方便,...

java之tomcat的环境变量和idea的配置

java之tomcat的环境变量和idea的配置

一、下载Tomcat1、进入官网http://tomcat.apache.org/,选择download,下载所需Tomcat版本。      二,我们解压后到指定目录,然后配置环境变量 1》CATALINA_BASE和CA...

发表评论

访客

◎欢迎参与讨论,请在这里发表您的看法和观点。