在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/

相关推荐
Java牛马9 小时前
SpringBoot Starter 依赖相关总结
java·spring·springboot·starter·自动装配·依赖
吴声子夜歌9 小时前
Java面试——Spring Cloud原理及应用(二)
java·spring cloud·面试
东小西10 小时前
【SAA实战】第 1 篇:ReactAgent 入门——先撸个"会调工具的助手"跑起来
java·人工智能·spring
mqiqe11 小时前
AgentScope Java 2.0 协议集成全景解析:A2A、AG-UI、Agent Protocol 三大开放协议实战指南
java·开发语言·ui
脉动数据行情11 小时前
Java 实现台股 TWSE/TPEx 行情采集(个股 + K 线)
java·开发语言·twse·tpex·台股
月华路13 小时前
G1 GC 对数组与大对象(Humongous)的处理
java·jvm·算法
liangshanbo121514 小时前
虚拟列表深度面试题整理
java·开发语言·前端
gugucoding14 小时前
59. 【Java】Spring Boot 入门:第一个 Web 应用
java·开发语言·spring boot
10mAh15 小时前
【Java】HashMap 的 put 到底做了什么?——冲突、扩容与树化实测
java·开发语言·hash
我命由我1234515 小时前
人脸识别 - 勒克斯(光线照射到物体表面上的明亮程度)
android·java·学习·java-ee·人脸识别·学习方法·android runtime