IDEA 开发 vue项目 初学者配置和运行（mac版）

已于 2022-04-26 18:07:56 修改
阅读量2.2k 收藏 8
点赞数 2
分类专栏： 开发笔记 文章标签： intellij-idea vue
于 2022-03-28 11:34:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46019681/article/details/123789666
版权

前言：vue建议用VSCode进行开发，不是必要就不要用Idea啦，VSCode是免费的，直接移步官网直接下载！

Tip1.安装插件

打开idea，首页选择configure -> plugins

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA546J5a2Q54On54On5ZCD5Luj56CB,size_11,color_FFFFFF,t_70,g_se,x_16

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA546J5a2Q54On54On5ZCD5Luj56CB,size_12,color_FFFFFF,t_70,g_se,x_16

搜索vue，安装vue.js，按照提示操作即可。

Tip2.搭建node.js环境

<
最低0.47元/天 解锁文章
今天又有什么bug
关注
  • 2
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
mac上Idea部署并运行现有vue项目
ArielWong1220的博客
02-25 637
1.安装node.js 直接在官网下载https://nodejs.org/zh-cn/ 验证是否成功安装：在终端输入node -v和nmp -v，返回版本号则成功 2.安装cnpm npm install -g cnpm --registry=http://registry.npm.taobao.org 3.安装vue-cli cnpm install -g vue-cli 4.安装项目依赖 cd进入项目文件夹 输入命令 vue init webpack ...
zhiyiCMS:一个基于springboot，VUE开发的CMS
05-14
一款后端基于springboot，前端基于VUE，开发的CMS，技术栈非常少，非常适合初学者开发学习使用。web自适应界面。有了它你只需要懂一点springboot 和 VUE即可在几天的时间内快速开发出一个简单的web应用。 后端技术...
mac怎样运行vue项目
weixin_34342578的博客
12-04 550
由于mac非常人性化的将bash内置于终端中，因此可以直接在终端中使用bash命令。 第一步： mac os系统安装 brew 　　打开终端运行以下命令 　　/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 第二步： 安装...
IDEA中Vue开发环境搭建
最新发布
yinshengchen的博客
04-18 2909
要解决 “npm ERR!missing script: build” 错误，我们需要在 package.json 文件中定义一个名为 “build” 的构建脚本。找到项目根目录中的package.json文件，这里列出了项目所依赖的所有资源与版本号，右键该文件，打开于终端，输入npm install 命令安装所有依赖；在上述代码中，我们添加了一个名为 “build” 的构建脚本，该脚本使用 webpack 进行生产模式构建。(3) 右侧“Scripts”处输入“dev”，其它idea已经默认选好。
公司前端vue是用vscode开发工具写的，个人喜欢用idea，但是idea在保存代码的时候会自动去除代码行最后的空格，造成不该修改的地方修改了，影响代码提交
fwx02的专栏
09-17 7435
取消这个功能：File--Settings--Editor--General--On Save--Remave trailing。。。。
mac下用idea运行vue项目
绅士jiejie的博客
02-03 4618
远程办公的第一天，因为项目是前后端分离的，所以我再也没办法和可爱的前端小姐姐一起愉快的联调了～，更关键的是我没前端页面配合来调试功能了，单靠一个Swagger来做bug调试，太不实际了，痛定思痛，还是自己搞个前端项目运行来的实在，下面我直接贴出具体步骤，这些步骤我自己实际操作过(但是有些我根本不懂为啥要这样做????)，并且已经可以成功的运行导进来的vue项目了。 先在idea上装个vue.js插件...
记录在Mac下使用idea运行vue项目的步骤
qq_38676663的博客
11-29 837
记录idea下运行vue的操作
Mac的IDEA如何配置并运行Vue
Dharma_Emiya的博客
03-10 192
Java项目:电影院会员管理系统(java+SpringBoot+Vue+element-ui+maven+mysql)
06-07
本项目代码架构设计简单，注释齐全，结构清晰，适合同为java初学者参考。 项目是一套电影院会员管理系统，使用前后端分离架构开发，前端基于Vue.js+Element UI技术，后端使用springboot+mybatis实现，包含管理员、...
前后端分离之springboot+idea写后端接口
03-25
现在项目开发都是前后端分离,该代码主要是教初学者使用springboot开发接口,其中包括数据返回的包装类,自定义异常,返回码的枚举等,并进行简单的测试,达到抛砖引玉的作用,初学者能更容易地接受,共同进步.
mac如何运行vue项目
qq_35392674的博客
03-29 975
https://www.cnblogs.com/pengjunhao/p/6798496.html
mac中IDEA开发vue的环境搭建
weixin_45316900的博客
06-29 1686
mac下idea的vue环境搭建
vue的环境搭建2023，idea,vscode踩坑记录
qq_51773714的博客
04-25 1316
由于看了19、20年的几篇博客，导致搭建vue环境一部分环节出大问题。大家还是看官方文档吧，血泪教训。不说废话直接开始。
vue-vscode推荐插件/idea推荐插件
weixin_43914278的博客
03-24 459
IDEA 与 VsCode
04-05 825
IDEA vs VSCode的故事是一个低端颠覆高端的故事，VsCode几乎吸引了所有年轻和时髦的观众。同时，JetBrains似乎仍能保持生存，这主要归功于辛勤的工作和运气。考虑到VS Code迭代开发的速度（很大程度上要归功于JS + Web渲染器的生产力），我认为VS Code将对JetBrains IDE构成威胁，但它似乎永远无法完全达到JetBrains功能级别...
IDEA打开启动Vue项目和Vue文件
见证自己学习,成长的记录
06-24 3779
一般前端Vue都是用VsCode专门用来编辑,今天突发奇想想用IDEA去编辑打开终端 也可以通过alt+F12快捷键 终端如下,自行根据需要输入命令即可 相关代码 下载Vue.js插件解析Vue文件 解析前 IDEA不支持编辑VUE文件,但是我们可以通过下载Vue.js插件实现 注:推荐工具:IntelliJ WebStorm或Visual Stuido Code 下载插件 下载完之后重启IDEA解析后效果如下 看起来好多了,接下来就可以愉快的写代码了...
对比 vscode 和 idea 开发前端的优劣_vscode 和 idea 的区别
qq_66039475的博客
10-25 1650
首先你使用 vscode 得咔咔一顿装各种插件，原生的 vscode 你用的肯定极其难受，不得不说 vscode 上还有很多很骚很好用的插件的。6.vscode 处理代码冲突真的落了 idea 几万条街，idea 有非常友好容易操作的界面，这对我来说很重要！8.vscode 不够稳定，有一次软件更新后，代码格式化不起作用了，还有一次是格式化冲突，代码搁那一直闪。适应了 idea 的开发后，使用 vscode 实在感觉难受，就此弃用 vscode，宠 idea 去了。那么 vscode 有没有优点？
vue使用&Mac+idea的vue开发环境配置
赵花花08042的博客
07-05 2312
但npm用国外的服务器，速度比较慢，淘宝提供了一个cnpm命令，可以从淘宝镜像下载，淘宝镜像与官方同步频率目前为 10
vue入门
HuaBother的博客
12-20 1533
vue入门 编辑器 支持编辑vue项目的编辑器有：idea、vscode。更常使用vscode作为vue的编辑器，idea也可，但是需要安装vue.js插件，且不能创建vue项目。 第一个vue程序 创建html模板 导入vue包 <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script> 或 <!-- 生产环境版本，优化了
idea开发vue项目实战
08-29
开发 Vue 项目的实战是一个非常有趣和有挑战性的过程。以下是一个基本的 Vue 项目实战的思路： 1. 确定项目需求：开始之前，明确你的项目需求是非常重要的。你需要思考你的项目要解决什么问题，它的目标用户是谁，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

今天又有什么bug

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值