在idea中使用vue

news2025/1/20 14:50:45

一、安装node.js


1、在node.js官网(下载 | Node.js 中文网)上下载适合自己电脑版本的node.js压缩包


2、下载完成后进行解压并安装,一定要记住自己的安装路径

一直点击next即可,这部选第一个

 3、安装成功后,按住win+R输入cmd打开命令提示符窗口,输入node -v查看版本号,如图


4、输入npm -v查看npm版本号


二、安装脚手架


1、Idea打开一个创建好的工程,点击下方终端


2、输入npm install -g cnpm --registry=https://registry.npmmirror.com/安装npm镜像,如图所示则代表安装成功


3、安装全局vue -cli,镜像安装成功后继续在终端输入npm install -g @vue/cli,如图则安装成功


4、输入vue -V(这里的V是大写的V)查看版本号,如图


三、创建Vue并运行


1、在终端输入vue create myvue创建你的vue,如图


上下键是切换,enter是确定,这里我们切换到第三个,如图

这里空格键为选中

选择2.x

下面三个步骤分别选择 Y     In package.json     N  如图

回车后等待创建

这样则创建成功

2、运行vue,找到我们所创建的vue中的package.json,运行server,运行成功后点击下方路径即可


这样则代表在Idea里面创建vue成功

到此就结束啦,小伙伴们赶紧run起来吧!!!有问题欢迎给up私信或留言哦!制作不易,给个赞吧!嘻嘻

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1674069.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Vue3+TS实现将html或富文本编辑器转为Word并下载

说明:我用的富文本编辑器是wangEditor: wangEditor官网 安装 yarn add wangeditor/editor # 或者 npm install wangeditor/editor --save yarn add wangeditor/editor-for-vuenext # 或者 npm install wangeditor/editor-for-vuenext --save yarn add …

国内验签DV单域名SSL证书怎么购买?

JoySSL所签发的专业版单域名SSL证书可以做到国内验签,数据不出境,安全等级为业内最高。 JoySSL 专业版国际算法DV单域名证书-JoySSLJoySSL专业版国际算法DV单域名证书通过交叉授信方式,实现国产根与欧美根相互验证,完美兼容且自主…

武汉星起航:亚马逊——全球市场中的物流巨擘与技术创新引领者

在全球电商的舞台上,亚马逊凭借其卓越的物流体系、领先的技术创新以及深厚的市场底蕴,稳坐全球市场的头把交椅。其前瞻性的战略布局和不断优化的运营模式,不仅推动了整个电商行业的发展,也为全球消费者带来了前所未有的购物体验。…

C++哈希(个人笔记)

C哈希 1.unordered_mapd1.1unordered_map的构造函数1.2unorder_map的容量1.3unordered_map的迭代器1.4unordered_map的元素访问1.5unorder_map的查找1.6unordered_map的修改操作1.7unordered_map的桶操作 2.unordered_set3.unordered_set和unordered_set的笔试题4.哈希4.1哈希概…

window.localStorage.setItem() 报错

目录标题 一、原因二、快速解决三、彻底解决 一、原因 在使用sessionStorage做缓存处理时,报了如上的错误提示,经查是sessionStorage对大小是有限制的,所以要进行try catch,500KB左右的东西保存起来就会令到Resources变卡&#x…

240W 宽电压输入 AC/DC 导轨式开关电源——TPR/NDR-U240-XS 系列

TPR/NDR-U240-XS 系列导轨式开关电源,额定输出功率为240W,产品输入范围:90-264VAC。提供24V、48V输出,具有短路保护,过载保护等功能,并具备高效率,高可靠性、高寿命、更安全、更稳定等特点&…

YOLOv8_seg训练流程-原理解析[实例分割理论篇]

本篇将介绍一下YOLOv8实例分割网络的训练流程,同样在看此篇文章之前先去看一下预测流程YOLOv8_seg预测流程-原理解析[实例分割理论篇]-CSDN博客 ,还有目标检测任务的训练流程YOLOv8训练流程-原理解析[目标检测理论篇]-CSDN博客 ,这两篇都是前置课程,下图是YOLOv8实例分割的…

【Linux取经路】进程通信之匿名管道

文章目录 一、进程间通信介绍1.1 进程间通信是什么?1.2 进程间通信的目的1.3 进程通信该如何实现 二、管道2.1 匿名管道2.1.1 站在文件描述符角度深入理解管道2.1.2 接口使用2.1.3 PIPE_BUFFER 和 Pipe capacity2.1.4 管道中的四种情况2.1.5 管道特征总结 2.2 匿名管…

八字排盘软件-​无敌八字排盘软件

功能介绍 1.完全免费使用,即使用不需要付费且无任何限制。 2.同时推出手机版电脑版,两版本数据互通互用,即电脑版的数据可以备份到手机版上导入,手机版的数据也可以备份到电脑版上恢复导入,方便手机和电脑共用的朋友。…

前端崽的java study笔记

文章目录 basic1、sprint boot概述2、sprint boot入门3、yml 配置信息书写和获取 持续更新ing~ basic 1、sprint boot概述 sprint boot特性: 起步依赖(maven坐标):解决配置繁琐的问题,只需要引入sprint boot起步依赖的…

周围很多朋友都不做java开发了而转换学网络安全,这个值得吗?

在开始前我有一些资料,是我根据网友给的问题精心整理了一份「java的资料从专业入门到高级教程」, 点个关注在评论区回复“888”之后私信回复“888”,全部无偿共享给大家!!! 其实说白了,值不值…

在线音乐系统

文章目录 在线音乐系统一、项目演示二、项目介绍三、部分功能截图四、部分代码展示五、底部获取项目(9.9¥带走) 在线音乐系统 一、项目演示 音乐网站 二、项目介绍 基于springbootvue的前后端分离在线音乐系统 登录角色 : 用户、管理员 用…

超详细Redis下载安装图文教程(Win和Linux版)

超级详细 的 Redis 安装教程 说明 Windows 版本的 Redis 是 Microsoft 的开源部门提供的 Redis. 这个版本的 Redis 适合开发人员学习使用,生产环境中使用 Linux 系统上的 Redis, 这里讲解了这两种的安装和下载。按照你们需要的liunx 或window步骤来 就可以了&#x…

Linux sudo 指令

sudo命令 概念: sudo是linux下常用的允许普通用户使用超级用户权限的工具,允许系统管理员让普通用户执行一些或者全部的root命令,如halt,reboot,su等。这样不仅减少了root用户的登录和管理时间,同样也提高…

案例分享 I 千视协助Lentia City 购物中心实现轻量化、数字化转型

随着文娱活动的日益复苏,Lentia City作为奥地利最受欢迎的社交和文化聚集地之一,正逐渐成为人们追逐乐趣和交流的热门去处。这里丰富多彩的音乐表演和活动吸引着大量人群,为城市注入了生机和活力。 这些活动不仅仅是简单的娱乐,它…

社区新零售:家门口的便利与温暖

社区新零售:家门口的便利与温暖 随着都市生活节奏的加快,人们对于便捷、高效的生活方式有了更高的追求。社区新零售,作为零售业的一股新兴力量,正以其独特的魅力,悄然改变着我们的日常生活。 家门口的便利 社区新零…

Python以docker形式部署,flask简易服务器。

公司大部分都是springboot 服务器,有时候用到python写的一些模型,部署在linux上进行处理 首先项目这样: flask就不说了,快捷服务器, # -*- coding: utf-8 -*-from flask import Flask, request# 实例化Flask对象 app…

个人投资黄金td该怎样操作?

黄金TD,即黄金延期交易,是投资者在金融市场上常见的一种操作方式。它允许投资者通过交易所进行黄金买卖,利用黄金价格的波动来赚取差价。对于个人投资者而言,正确理解和操作黄金TD是实现资产增值的关键。本文将详细介绍如何操作黄…

一键追爆款,GPT一键改文‌‍‬⁣⁡​⁤⁢​⁢⁡⁣‬‍‌​​‬ ​‍⁤‬ ‬⁡⁡⁡‍‌‬⁡⁡⁢‬⁤⁢⁢⁤​‍‌​​‬ ​⁣‌,绘唐3,绘唐工具

ai画影满足你的制作要求 一键追爆款,GPT一键改文 入口工具 AI推文小说&漫画解说&解压混剪 人物定义,角色定义,lora转换,模型转换,可视化参考满足 一键追爆款 一键挂机生成,效果更精彩&#xff…

专题模块项目功能说明和运行方法-01

项目集介绍 SpringbootSeries父工程 此模块中只有一个pom.xml文件,是后面所有模块的父模块,主要功能有两个:子模块管理和依赖管理。 类别必选可选基础框架jdk 17 spring-boot-starter 3.2.4spring-boot-starter-web 3.2.4spring-cloud 2023…