vue初学---3用idea查看目录结构

最新推荐文章于 2024-08-08 15:03:21 发布
最新推荐文章于 2024-08-08 15:03:21 发布
阅读量878 收藏 1
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yannis111/article/details/123936949
版权
本文介绍了如何在IntelliJ IDEA中安装Vue.js插件，并演示了通过IDEA打开Vue项目及运行项目的步骤，帮助Vue初学者更好地进行开发。
摘要由CSDN通过智能技术生成

首先，idea中安装一个vue.js的插件
file—>setting—>plugins—>搜索vue.js—>点击install安装
在这里插入图片描述
安装中
在这里插入图片描述
安装完成
在这里插入图片描述

使用idea打开创建的vue项目
在这里插入图片描述
run一下，看看，前提添加一个npm
在这里插入图片描述
运行成功
在这里插入图片描述
在这里插入图片描述
bye~

最低0.47元/天 解锁文章
Yannis111
关注
[项目实战] 使用Idea构建单页面Vue3项目（不使用node、npm）
Java 技术专栏，从入门到精通，熟悉企业级开发
07-14 2565
某天张三对小花说，我需要在一台新电脑上实现一个前端的漂亮页面：比如京东手机首页(m.jd.com)。 小花这时吭哧吭哧的去新电脑上安装nodejs、npm，然后在本地使用npm构建vue3项目，在项目里下载安装element-plus、axios。下一步进入编码阶段，写好的文件最后打包dist文件，放在nginx里去运行。一套流程走下来，耗时耗力，此时我们应该使用更简单的方法来构建这种单页面的项目：单页面html直接引入Vue3。
12 使用Vue+Vue-router+el-menu实现菜单功能实战
xingyu_qie的专栏
04-10 8454
我们将继续维护添加Vue-router的路由数据,借助ElementUI的el-munu组件，来实现左侧菜单功能的实战，并自己实现一个el-menu组件
打开idea目录结构
可可
08-01 1207
不小心关闭了idea的目录结构，如何打开呢 wiew-->tool windows-->project
IDEA查看当前目录的输出结构
l765692971的博客
09-20 482
先按Alt+F12,然后输入tree再回车,就可以看到当前目录的输出结构了
Vue.js 目录结构
GoodIdea
06-26 778
我们在 IDE（Eclipse、Atom等） 中打开该目录，结构如下所示：目录解析目录/文件说明build项目构建(webpack)相关代码config配置目录，包括端口号等。我们初学可以使用默认的。node_modulesnpm 加载的项目依赖模块src这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：assets: 放置一些图片，如logo等。component...
在idea中使用vue3
m0_56195330的博客
11-17 1609
在idea中使用vue3
vue初学--5在idea中导入vue项目
Yannis111的博客
04-12 1355
1.首先 2.然后选择导入的项目 3.然后一直next 4.然后finish
IDEA 开发 vue项目 初学者配置和运行（mac版）
weixin_46019681的博客
03-28 2342
Tip1.安装插件 打开idea，首页选择configure -> plugins 搜索vue，安装vue.js，按照提示操作即可。 Tip2.搭建node.js环境 到官网http://nodejs.cn/download/下载对应版本，无脑下一步即可完成安装。 打开终端，千万注意要以管理员身份运行！方法是：输入sudo - i 输入本机密码 然后输入 node -v 如果正确显示版本号，说明Tip2 安装完成👌 Tip3.使用淘宝NPM镜像 （管理员身份）终端输入...
IntelliJ-IDEA-教程：IntelliJ IDEA简体中文专题教程
02-02
本教程是专为使用简体中文的开发者设计的，旨在帮助初学者和有经验的开发者更好地理解和掌握IntelliJ IDEA的各项功能。 一、IntelliJ IDEA基础操作 1. **界面介绍**：IntelliJ IDEA的界面分为多个部分，如项目视图...
用IDEA创建自定义vue3项目
m0_65985318的博客
03-04 4493
本文介绍了如何在IDEA中自定义创建vue3项目
idea插件 vue.js IDEA2017.3亲测可装 无兼容问题
05-10
idea插件 vue.js IDEA2017.3亲测可装 无兼容问题 Setting>plugins>install plugin from disk 选择文件安装完重启即可
IDEA打开vue文件
qq_54657526的博客
06-03 3527
按钮默认是白色，如果我们想换个颜色那么我们只需要：在<el-button>中加上 type="danger" 此处我改的是红色，红色是danger。在home.vue中写<el-button>这是一个测试element的按钮</el-button>或者引用上文的msg注意{}3.我们open的文件在cmd中创建的时候系统自动帮我们把依赖装好了，存放在node_modules中。打开idea界面中的views中的home.vue，我们可以在其中随便添加一些变量或者值。7.可见我们的端口是：8080,。
Intellij Idea Javaweb 目录结构及获取项目内资源
qq1169091731的博客
08-12 1036
image.png 获取项目内资源文件 getResource(""); 返回的是URL对象，路径是当前Class这个类所在包的位置 getResource("/"); 返回的是URL对象，返回classpath路径 下例: 其中 Project为工程名 Project src action test demo.txt FilePathTest.java ...
使用IDEA创建Vue3通过Vite实现工程化
小丁的博客
09-11 3435
使用IDEA创建Vue3通过Vite实现工程化
idea里面运行vue3（vite）项目
c_xiao_dian_dian的博客
06-29 2763
3.package.json会自动找到你项目的package.json文件，无需更改。2.点击左上角的加号+添加新配置->找到npm。4.Scripts需要我们手动添加：dev。1.选择运行或调试配置->编辑配置。
IDEA显示树状目录结构
qq_45144949的博客
07-26 6301
原效果 步骤1： 步骤二 修改成功：
Vue3 搭建前端工程，并使用idea配置项目启动
最新发布
2301_76144723的博客
08-08 1581
Vue3 搭建前端工程，并使用idea配置项目启动
初识vue（3）——在webstom、IDEA创建vue模板文件
小R.的博客
10-30 454
1、左上角 File ——>settings 2、Editor——> File and Code Templates 3、点击“+”添加新的模板，输入 Name 、Extension和模板内容，点击 “Apply”再点“OK”。如下图： 这里我粘贴的模板内容为 <template> <div> </div> </template&...
使用 IntelliJ IDEA 创建 Vue 3 项目及 Element Plus 组件的安装及使用
qq_35309973的博客
02-27 3340
以上就是使用 IntelliJ IDEA 创建 Vue 项目并集成 Element UI 组件的详细步骤。通过本文的介绍，相信您已经掌握了如何快速搭建一个基于 Vue 和 Element UI 的项目。更多关于 Element UI 的详细信息，请参考官方文档：https://element.eleme.io/
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值