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 640
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 ...
基于springboot开发社团管理系统vue+mysql+论文（毕业设计）.zip
06-27
本项目是一套基于springboot开发社区智慧养老监护管理平台设计与实现vue+mysql+论文（毕业设计）.zip，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。包含：项目源码、数据库脚本、项目...
mac下用idea运行vue项目
绅士jiejie的博客
02-03 4655
远程办公的第一天，因为项目是前后端分离的，所以我再也没办法和可爱的前端小姐姐一起愉快的联调了～，更关键的是我没前端页面配合来调试功能了，单靠一个Swagger来做bug调试，太不实际了，痛定思痛，还是自己搞个前端项目运行来的实在，下面我直接贴出具体步骤，这些步骤我自己实际操作过(但是有些我根本不懂为啥要这样做????)，并且已经可以成功的运行导进来的vue项目了。 先在idea上装个vue.js插件...
idea创建Vue项目
weixin_52813800的博客
05-13 413
（方法1的项目本人的idea是直接创建vue3版本，方法2可以选择vue2 / vue3，可以在package.json查看vue版本）
mac怎样运行vue项目
weixin_34342578的博客
12-04 551
由于mac非常人性化的将bash内置于终端中，因此可以直接在终端中使用bash命令。 第一步： mac os系统安装 brew 　　打开终端运行以下命令 　　/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 第二步： 安装...
公司前端vue是用vscode开发工具写的，个人喜欢用idea，但是idea在保存代码的时候会自动去除代码行最后的空格，造成不该修改的地方修改了，影响代码提交
fwx02的专栏
09-17 7440
取消这个功能：File--Settings--Editor--General--On Save--Remave trailing。。。。
记录在Mac下使用idea运行vue项目的步骤
qq_38676663的博客
11-29 842
记录idea下运行vue的操作
Mac的IDEA如何配置并运行Vue
Dharma_Emiya的博客
03-10 193
基于springboot+vue开发爱心商城系统附毕业论文+源代码+sql（毕业设计）.rar
最新发布
06-28
本项目是为计算机相关...无论是对于希望快速掌握Spring Boot和Vue框架的初学者，还是希望提升项目实战能力的资深开发者，本项目都是一份值得下载和深入研究的实战宝典。经过严格调试，项目运行稳定可靠，可放心使用。
基于springboot开发社区智慧养老监护管理平台设计与实现vue+mysql+论文（毕业设计）.zip
06-27
本项目是一套基于springboot开发社区智慧养老监护管理平台设计与实现vue+mysql+论文（毕业设计）.zip，主要针对计算机相关专业的正在做毕设的学生和需要项目实战练习的Java学习者。包含：项目源码、数据库脚本、项目...
基于SSM开发的高校共享单车管理系统的设计与实现+vue+mysql+论文（毕业设计）.zip
06-27
这些工具和环境的配置过程在项目中有详细说明，确保即使是初学者也能顺利搭建开发环境。 此外，项目源码、数据库脚本和详细的项目说明文档一应俱全，提供了论文参考资料，方便学生理解和消化项目内容，快速将其应用...
基于springboot+vue开发志愿服务管理系统--附毕业论文+源代码+sql（毕业设计）.rar
06-28
**志愿服务管理系统介绍** 本项目是一个基于Spring Boot框架和Vue开发的志愿服务管理系统，旨在为计算机相关专业的学生及Java学习者提供...无论是对于初学者还是有一定基础的学者，都能在项目中找到挑战和提升的空间。
mac如何运行vue项目
qq_35392674的博客
03-29 976
https://www.cnblogs.com/pengjunhao/p/6798496.html
mac中IDEA开发vue的环境搭建
weixin_45316900的博客
06-29 1716
mac下idea的vue环境搭建
vue的环境搭建2023，idea,vscode踩坑记录
qq_51773714的博客
04-25 1354
由于看了19、20年的几篇博客，导致搭建vue环境一部分环节出大问题。大家还是看官方文档吧，血泪教训。不说废话直接开始。
vue-vscode推荐插件/idea推荐插件
weixin_43914278的博客
03-24 463
IDEA 与 VsCode
04-05 841
IDEA vs VSCode的故事是一个低端颠覆高端的故事，VsCode几乎吸引了所有年轻和时髦的观众。同时，JetBrains似乎仍能保持生存，这主要归功于辛勤的工作和运气。考虑到VS Code迭代开发的速度（很大程度上要归功于JS + Web渲染器的生产力），我认为VS Code将对JetBrains IDE构成威胁，但它似乎永远无法完全达到JetBrains功能级别...
IDEA打开启动Vue项目和Vue文件
见证自己学习,成长的记录
06-24 3831
一般前端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 1704
首先你使用 vscode 得咔咔一顿装各种插件，原生的 vscode 你用的肯定极其难受，不得不说 vscode 上还有很多很骚很好用的插件的。6.vscode 处理代码冲突真的落了 idea 几万条街，idea 有非常友好容易操作的界面，这对我来说很重要！8.vscode 不够稳定，有一次软件更新后，代码格式化不起作用了，还有一次是格式化冲突，代码搁那一直闪。适应了 idea 的开发后，使用 vscode 实在感觉难受，就此弃用 vscode，宠 idea 去了。那么 vscode 有没有优点？
idea开发vue项目实战
08-29
开发 Vue 项目的实战是一个非常有趣和有挑战性的过程。以下是一个基本的 Vue 项目实战的思路： 1. 确定项目需求：开始之前，明确你的项目需求是非常重要的。你需要思考你的项目要解决什么问题，它的目标用户是谁，它需要具备哪些功能等等。 2. 创建项目结构：使用 Vue CLI (Command Line Interface) 可以快速创建一个基本的 Vue 项目结构。通过命令行工具运行 `vue create` 命令，按照提示选择相关配置选项，然后等待项目创建完成。 3. 设计页面布局：根据你的项目需求，设计出合适的页面布局。可以使用 Vue 的单文件组件 (Single File Components) 来划分页面的不同部分。 4. 开发组件：将页面拆分为多个可复用的组件，并使用 Vue 的数据绑定和事件处理功能来实现交互逻辑。可以使用 Vue Router 来管理页面路由，Vuex 来管理状态。 5. 集成第三方库：根据需要，考虑将一些常用的第三方库集成到你的项目中，例如 Axios 进行网络请求，Element UI 进行界面组件设计，等等。 6. 添加样式和动画：使用 CSS 或者预处理器 (如 Sass 或 Less) 来为你的项目添加样式，并使用 Vue 的过渡动画系统来实现页面过渡效果。 7. 进行测试和调试：使用 Vue CLI 提供的测试工具来写单元测试和集成测试，确保你的项目在各种情况下都能正常运行。 8. 打包和部署：使用 Vue CLI 提供的打包工具将项目打包成静态文件，并将其部署到你选择的服务器或者云平台上。 以上是一个基本的开发 Vue 项目的实战思路，具体的实施方法会根据你的项目需求和个人偏好有所不同。祝你开发顺利！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

今天又有什么bug

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

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

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

打赏作者

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

抵扣说明：

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

余额充值