在IDEA中创建vue hello-world项目

工作中最近在接触vue前端项目,记录一下从0搭建一个vue hello world项目的步骤

1、本地电脑安装配置node、npm

D:\Project\vue\hello-world>node -v

v14.21.3

D:\Project\vue\hello-world>npm -v

6.14.18

D:\Project\vue\hello-world>

2、设置npm国内淘宝的景象

建议配置国内的景象,国外镜像下载依赖有时会失败

npm config set registry http://registry.npm.taobao.org/

3、在idea中安装Vue.js插件

网上搜索相关教程

4、创建vue.js项目

file->new project -> JavaScript -> Vue.js

5、指定项目名字

例如项目名字默认为untitled

Finish,之后会执行 vue create tntitled帮助我们创建好项目

项目创建好之后,会在idea下方出现以下提示信息

� Generating README.md...

� Successfully created project idea-create-hello-world-project.

� Get started with the following commands:

$ npm run serve

6、在Terminal中执行启动命令

npm run serve

7、在浏览器中访问 http://localhost:8080/

相关推荐
鹏多多几秒前
OpenSpec+SDD规范驱动AI Agent开发项目实战指南
前端·vue.js·react.js
plainGeekDev11 分钟前
RecyclerView.Adapter → ListAdapter
java·kotlin·gradle
wjj不想说话12 分钟前
你项目里的 Pinia,可能已经成了第二个 localStorage
前端·vue.js
J2虾虾22 分钟前
Spring AI Alibaba - 人工介入(Human-in-the-Loop)
java·人工智能·spring
Old Uncle Tom43 分钟前
Harness Engineering 综述
java·开发语言·数据库
星原望野1 小时前
JAVA:策略模式的实战使用
java·开发语言·策略模式
LJianK11 小时前
java多态
java·开发语言·python
z落落1 小时前
C# 构造函数(无参/有参/重载/this)+析构函数(终结器)|GC 垃圾回收
java·开发语言·c#
武子康1 小时前
Java-12 深入浅出 MyBatis 二级缓存详解:跨 SqlSession 共享与失效机制
java·后端
考虑考虑1 小时前
JDK9中的Set.of()使用注意
java·后端·java ee