IDEA创建vue项目

最新推荐文章于 2024-05-13 22:19:19 发布
最新推荐文章于 2024-05-13 22:19:19 发布
阅读量316 收藏
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bjzhang75/article/details/137797389
版权

1、在IDEA新建vue项目
在这里插入图片描述
2、在Terminal窗口输入命令：npm install
在这里插入图片描述
运行完成后，
在这里插入图片描述
生成node_modules目录
在这里插入图片描述
3、点击右上角“运行”按钮
在这里插入图片描述
运行成功显示如下页面
在这里插入图片描述
点击链接,http://localhost:5173,显示vue项目运行的网页页面
在这里插入图片描述
4、创建vue项目成功！

bjzhang75
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用IDEA创建一个简单的Vue项目
qq_43609574的博客
07-16 1784
使用IDEA创建一个简单的Vue项目Vue项目的创建使用的软件及库版本情况开始新建一个Vue项目运行 Vue项目的创建 使用的软件及库版本情况 可在命令行进行版本查看 IDEA 2020.3.2 node.js 10.15.1 npm 6.4.1 vue 2.9.6 vue-cli 4.5.13 开始 新建一个Vue项目 项目类型选择JavaScript–>Vue.js 项目命名（不能有大写字母） 等待项目资源下载完毕后（过程中有一次需要输入Y）的项目目录结构图如下 运行 打开浏览器访问8
idea创建vue项目，引用elementUI教程附件
10-17
idea创建vue项目，引用elementUI并从springboot项目获取数据教程附件
idea创建Vue项目流程
m0_64005688的博客
03-26 1644
idea从0开始安装vue并学习相关知识
idea创建Vue项目
最新发布
weixin_52813800的博客
05-13 500
（方法1的项目本人的idea是直接创建vue3版本，方法2可以选择vue2 / vue3，可以在package.json查看vue版本）
新建一个vue2.x项目（idea目前默认创建vue3.x项目）
qq_51476492的博客
06-02 2349
vue ui创建vue2.x项目
手把手教程-使用idea创建vue项目
Wang_ning__的博客
10-24 1万+
小编在第一次通过IDEA使用Vue创建脚手架时，对于网上那么多方法真实头大，在经过多次的测试后，终于有一种简单直接的方法，费话不多说，上操作方法和相应的截图。
springboot第四章：使用idea创建vue项目
zhwx0537的博客
04-24 6589
运行npm install。4、配置启动和编译选项。
手把手使用idea创建vue项目
热门推荐
java技术博客
05-08 1万+
手把手使用idea创建vue项目 参考网址: https://mp.weixin.qq.com/s/-AgBkwasbKHRjbLJRSJgQw 一、安装Node.js 首先要安装好Node.js,安装方法可以看我之前的文章 Node.js安装教程 小尉，公众号：51ASPNETNode.js手把手安装图文教程 二、创建vue项目 1、在IDEA中File-Open 打开一个空目录 2、然后输入命令npm install -g vue-cil 先安装vue的脚手架 然后等待安装完成。 3、安装完成
Intellij IDEA搭建vue-cli项目的方法步骤
12-12
vue-cli对于node和npm的版本是有要求的。 可以通过 node -v （npm -v）查看当前版本，通过 where node （where npm）查看安装路径。 如果node版本不符合vue-cli的要求，那么可以在node官网下载稳定版本并安装。 ...
IntelliJ IDEA编辑器配置vue高亮显示
10-16
接下来，我们将使用vue-cli来快速搭建一个Vue项目。打开命令行工具（如cmd或IDEA内置的Terminal），进入你想要创建项目的目录，输入以下命令： ``` vue init webpack mypro ``` 这里的"mypro"是你的项目名，可以...
IDEA上面安装vue的插件
10-11
安装完Vue.js插件后，现在可以在IDEA中创建Vue项目。在欢迎屏幕上，选择"New Project"（新建项目），在项目类型列表中，你会看到"Vue.js"选项。选择它，然后根据向导配置你的项目，例如设置项目名称、位置、使用的...
vue项目详细搭建步骤
04-02
详细描述怎么搭建vue项目，nodejs安装，idea支持，以及vue打包部署
创建VUE项目，在IDea上进行开发与运行的简单流程
weixin_45928161的博客
03-07 7871
目录一、创建VUE项目1. 外部终端创建2. IDea内部终端创建3. 项目介绍4. vue 的特别之处二、在IDea上开发与运行1. 创建组件与编码2. 配置组件路由3. 设置访问关联4. 运行 一、创建VUE项目 这里只介绍其中我所熟知的两种方式 1. 外部终端创建 在存储vue项目的目录，清除路径并输入cmd，回车，进入当前目录的命令行终端 创建vue项目 注意名称不可用大写英文vue create demo_01 根据自己需要选择模式，这里我选择自定义模式 创建好的项目在IDea中打开即
idea vue 修改创建模板，快速创建vue2 vue3 模板
丿灬安之若死
01-08 1374
原先内容比较适合vue2。可以稍作升级到vue3。
vue基础——java程序员版(总集)
陨石的博客
03-24 1175
前言：​ 这是一个java程序员的vue学习记录。​ vue是前端的主流框架，按照如今的就业形式作为后端开发的java程序员也是要有所了解的，下面是本人的vue学习记录，包括vue2的基本使用以及引入element-ui，使用的开发工具是IDEA。
搭建Vue项目入门(IDEA)
weixin_60096751的博客
08-18 423
vur-cli和vue-router
用idea创建vue项目
m0_67677436的博客
05-12 1万+
目录 一、安装node.js （1）下载安装包 （2）测试node.js是否安装成功 （3）安装vue和全局vue-cli 二、idea安装vue.js插件 三、创建vue项目 四、修改配置文件 五、配置idea运行的环境 一、安装node.js 官网下载下载地址：Download | Node.js （1）下载安装包 安装过程很简单，全部next即可。 （2）测试node.js是否安装成功 在键盘按下win+R键，输入cmd回车，打开cmd窗口； 查看版本操作：node.
IDEA搭建Vue项目
臆想的一只猫
08-10 3874
简介： Vue.js是前端一个比较火的MVVM框架，是一套构建用户界面的渐进式框架。 Vue 只关注视图层， 采用自底向上增量开发的设计。 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件 Vue在使用的时候需要有NodeJS环境的支持，首先要下载安装NodeJS 一、下载并安装nodejs，下载地址是https://nodejs.org/zh-cn/do0wnload/ NodeJS安装的过程中将会自动添加PATH环境，所以不需要重新进行环境配置...
使用IntelliJ IDEA创建Vue.js项目的专业指南
勤劳的小琪
03-01 3319
Vue.js是一个构建用户界面的渐进式框架，而IntelliJ IDEA是一款功能强大的Java集成开发环境（IDE），但它也支持多种前端技术，包括Vue.js。在本文中，我们将介绍如何使用IntelliJ IDEA创建一个Vue.js项目，并附上解决思路和代码示例（尽管Vue.js项目本身不包含Java代码，但我们将展示如何在IDEA中设置和运行Vue.js项目）。
Idea创建vue项目
09-08
在Idea中创建Vue项目的步骤如下： 1. 首先，打开Idea并选择创建一个新的项目。 2. 在创建项目的窗口中选择“Vue.js”作为项目类型，并填写项目的名称和存储路径。 3. 点击“Next”继续。 4. 在项目设置中，选择所需的Vue版本。如果没有特殊要求，可以选择默认版本。 5. 点击“Next”继续。 6. 在安装依赖项的选项中，选择“自动安装依赖项”。这将自动运行npm install命令来安装Vue项目所需的依赖项。 7. 点击“Next”继续。 8. 在可选插件的选项中，如果你的项目需要使用vue-router，选择安装vue-router。 9. 点击“Next”继续。 10. 在创建项目之前的最后一步中，选择项目的存储库类型（如Git）和相关设置（如存储库URL）。 11. 点击“Finish”完成项目的创建。 12. 稍等片刻，Idea将自动为您创建Vue项目，并安装所需的依赖项。 13. 创建完成后，您就可以在Idea的项目结构中看到新创建的Vue项目。 至此，您已经成功在Idea中创建了一个Vue项目。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [手把手使用idea创建vue项目](https://blog.csdn.net/shaoming314/article/details/124653632)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值