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

相关推荐
小bo波10 小时前
使用Thread子类创建线程 VS 使用Runnable接口创建线程的区别
java·多线程·thread·并发编程·runnable
徐小夕10 小时前
万字拆解 JitWord:企业级实时协同文档底层架构 + 大模型 AI 融合完整实践
前端·vue.js·github
SamDeepThinking10 小时前
高并发场景下,CompletableFuture与ForkJoinPool该如何取舍?
java·后端·面试
用户831348593069812 小时前
Cesium实现雾气效果:按钮一键控制打开/关闭雾气效果,滑块拖动实时控制雾气浓度
vue.js·cesium
张不才13 小时前
CPU 100% 了怎么办?Java 性能排障的标准化操作
java·后端
锋行天下14 小时前
如何用Vite实现Vue组件的按需打包和远程加载
前端·vue.js·前端框架
用户9004633704014 小时前
用Gemini搞定Vue报错和语法异常的问题
vue.js
shepherd11115 小时前
吞吐量提升 10 倍:高并发大批量数据处理任务的架构演进与性能调优
java·后端·架构
plainGeekDev17 小时前
单例模式 → object 声明
android·java·kotlin
小兔崽子去哪了17 小时前
Vue3 + Pinia 集成 IGV.js 实现 BAM 文件在线浏览
javascript·vue.js·后端