记录在Mac下使用idea运行vue项目的步骤

最新推荐文章于 2024-06-19 23:54:34 发布
最新推荐文章于 2024-06-19 23:54:34 发布
阅读量884 收藏 3
点赞数 1
分类专栏： 其它 文章标签： vue.js macos javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38676663/article/details/128099035
版权
  1. Preferences -> plugins 安装vue.js
  2. Preferences -> Languages & Frameworks -> JavaScript -> JavaScript language version(ECMAScript6)
  3. 终端安装脚手架(前提是终端已经安装npm)，命令npm install -g @vue/cli
  4. 进入项目，终端运行npm run serve 或者 npm run dev ,使用ctrl + c停止。
Ancientswar
关注
专栏目录
mac上Idea部署并运行现有vue项目
ArielWong1220的博客
02-25 662
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 ...
IDEA 开发 vue项目 初学者配置和运行（mac版）
weixin_46019681的博客
03-28 2305
Tip1.安装插件 打开idea，首页选择configure -> plugins 搜索vue，安装vue.js，按照提示操作即可。 Tip2.搭建node.js环境 到官网http://nodejs.cn/download/下载对应版本，无脑下一步即可完成安装。 打开终端，千万注意要以管理员身份运行！方法是：输入sudo - i 输入本机密码 然后输入 node -v 如果正确显示版本号，说明Tip2 安装完成👌 Tip3.使用淘宝NPM镜像 （管理员身份）终端输入...
mac下用idea运行vue项目
绅士jiejie的博客
02-03 4725
远程办公的第一天，因为项目是前后端分离的，所以我再也没办法和可爱的前端小姐姐一起愉快的联调了～，更关键的是我没前端页面配合来调试功能了，单靠一个Swagger来做bug调试，太不实际了，痛定思痛，还是自己搞个前端项目运行来的实在，下面我直接贴出具体步骤，这些步骤我自己实际操作过(但是有些我根本不懂为啥要这样做????)，并且已经可以成功的运行导进来的vue项目了。 先在idea上装个vue.js插件...
手把手教你创建并启动一个Vue3项目（Mac版）
易雪寒的博客
06-19 1493
1、因为npm的资源默认采用国外的，国内执行对应的安装口令会比较慢，所以我们可以把npm资源切换到国内，这样安装框架的速度就会提升。3、上图红色部分，表示在路径C:\Users\xulijun下成功创建了一个名称叫my-vue-app的vue3项目，我们可以输入下面命令启动这个vue3新项目。2、运行完成后并没有提示，但是可以运行查看口令，验证是否切换成功。
mac中IDEA开发vue的环境搭建
weixin_45316900的博客
06-29 1826
mac下idea的vue环境搭建
Mac上搭建vue项目
陈先锋的博客
07-31 1612
前言 最近在自学vue，记录一下搭建的过程。 原文链接 vue整体开发环境 Homebrew Node.js npm webpack vue-cli 1.安装brew 终端输入： /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"...
mac下使用IDEA创建VUE项目
qq_32097871的博客
07-24 4193
mac下使用IDEA创建VUE项目 1.环境搭建 1.1检测是否安装好nodejs和npm 检测命令 node -v npm -v 如果没有安装需要先安装 nodejs的下载路径：https://nodejs.org/en/download/ 在Windows上安装时务必选择全部组件，包括勾选Add to Path。 安装完成后，在Windows环境下，请打开命令提示符， id...
解决Idea、WebStorm下使用Vue cli脚手架项目无法使用Webpack别名的问题
10-16
然而，在使用IntelliJ IDEA或WebStorm这样的IDE时，有时可能会遇到Vue CLI脚手架项目无法识别Webpack别名的问题，这会给开发带来不便。本文将详细介绍如何解决这个问题。 首先，Webpack别名是Webpack配置中的一个...
idea安装vue插件.pdf
05-08
本篇文章将详细介绍如何在IntelliJ IDEA中安装Vue.js插件以及配置相关的模板，以便更好地进行Vue项目开发。 首先，我们来了解如何安装Vue.js插件： 1. 打开IntelliJ IDEA，进入主界面。点击顶部菜单栏的"File"，在...
idea vue.js插件
04-02
8. **Vue CLI集成**：对于使用Vue CLI创建项目的开发者，插件还可以与Vue CLI命令行工具进行集成，方便项目管理和构建。 总的来说，Vue.js插件是Idea中不可或缺的辅助工具，尤其对于Vue开发者而言，它极大地提升了...
在Mac中使用idea运行开源博客Halo的踩坑记录
qq_41789489的博客
02-23 2701
在Mac中使用idea运行开源博客Halo的踩坑记录1.下载Halo2.初始运行环境3.遇到的问题3.1 环境中配置gradle3.2 idea中配置gradle3.3 JDK与gradle的兼容问题3.4 idea与gradle的兼容问题4.成功运行 1.下载Halo Halo是一个开源项目，可以在码云或者github上下载。 搜索Halo，然后按照star数进行排序，选择第一名就行了。 2.初始运行环境 本人初始的运行环境为： JDK：jdk1.8.0_181 Mac OS：11.2.1 idea：20
vue项目的停止_Terminal怎么停止VUE项目
weixin_35675818的博客
01-30 8041
开启vue项目不关闭的后果问题描述：新手使用idea或webstorm工具开发vue，使用Terminal命令行npm run dev 运行项目，无法输入命令关闭比项目解决方案：打开Terminal窗口按键盘【Ctrl】+【C】，提示是否关闭，键盘输入 【y】退出VUE项目常用的命令安装vue-clinpl install vue-cli -gvue init webpack my-project...
如何在mac上运行vue项目
Jane's Blog
07-31 4361
本人使用的是Mac笔记本，所以搭建Vue环境的时候遇到了一些坑，在此做下记录希望可以帮到和我一样掉坑的人。 都说Vue和小程序有些地方很相似，便从朋友手里要了一个Vue的项目想着尝试看看。结果项目到手才发现坑了不是一个编辑器运行就可以解决的，还需要各种配置环境的…… 使用终端安装Vue运行环境 1、安装 Homebrew Homebrew是osx下面最优秀的包管理工具,没有之一。先在终...
idea 导入vue项目 并运行
weixin_43525284的博客
08-22 1079
idea运行vue项目 记录过程
Mac的IDEA如何配置并运行Vue
Dharma_Emiya的博客
03-10 203
mac怎样运行vue项目
weixin_34342578的博客
12-04 560
由于mac非常人性化的将bash内置于终端中，因此可以直接在终端中使用bash命令。 第一步： mac os系统安装 brew 　　打开终端运行以下命令 　　/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 第二步： 安装...
mac如何运行vue项目
qq_35392674的博客
03-29 989
https://www.cnblogs.com/pengjunhao/p/6798496.html
idea创建vue项目
mac文的java路
03-27 847
首先安装node.js,windows直接去官网下载就好了。安装好了可以查看node版本和npm版本。 可以通过npm install -g npm更新npm版本。 本地新建一个vue目录用idea打开，我在d盘建了一个vue_project目录 用idea打开，设置npm淘宝镜像，在terminal中输入： npm i -g cnpm --registry=https://r...
vue开发环境搭建Mac版
smile0125的博客
06-21 539
vue开发环境搭建Mac版2017年07月14日 10:23:57阅读数：7493一、前言 因工作缘故，需要做一个移动端app,面对2016下半年至今webapp最流行的三个技术React,angular,vue，三选一，如何先，经过前期的技术选型，最后决定使用vue。具体查看本人之前的blog移动app技术选型，react,angular,vue二、vue开发环境的搭建 由于本人使用的是mac,...
IntelliJ IDEA 开发Vue项目 ElementUI 未知HTML标记 提示问题的解决
最新发布
09-17
在IntelliJ IDEA中开发Vue项目并集成Element UI时，遇到未知HTML标记`el-aside`的提示通常是由于缺少对Element UI库的支持或者组件路径配置不准确。以下是几个可能的解决方案： 1. **添加Element UI依赖**：确保在项目的`package.json`文件中已经通过`npm`或`yarn`安装了Element UI。 ```json { "dependencies": { "element-ui": "^2.15.0" // 最近稳定版本 } } ``` 然后运行`npm install`或`yarn add`来安装。 2. **更新插件**：在IntelliJ IDEA中，检查Vue和WebStorm的相关插件（如Vue.js、JS Support等），确保它们支持Element UI。 3. **设置Vue单文件组件别名**：在IDEA的`Settings`（Mac或Linux）或`Preferences`（Windows）-> `Editor` -> `File and Code Templates` -> `Live Templates` -> `Vue`，添加Element UI的全局注册。 4. **修复组件路径**：检查Vue文件中引入`el-aside`的方式，确保路径正确。例如，如果是按模块导入，应写作`import Aside from '@/components/Aside.vue';`。 5. **刷新构建缓存**：清理Webpack的缓存，有时候旧的编译结果会阻碍新组件的识别。 6. **重启IDE**：有时IDE可能需要重启才能正确加载新的依赖或模板。 如果上述步骤都无法解决问题，尝试更新到最新版的IntelliJ IDEA和Element UI，或者查阅官方文档或社区论坛寻找更详细的解决方案。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值