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

相关推荐
清水4 分钟前
Spring Boot企业级开发入门
java·spring boot·后端
一个不称职的程序猿13 分钟前
高并发场景下的缓存利器
java·缓存
2301_8012522231 分钟前
Tomcat的基本使用作用
java·tomcat
lkbhua莱克瓦2432 分钟前
Java基础——常用算法3
java·数据结构·笔记·算法·github·排序算法·学习方法
麦麦鸡腿堡39 分钟前
Java_TreeSet与TreeMap源码解读
java·开发语言
教练、我想打篮球1 小时前
05 kafka 如何存储较大数据记录
java·kafka·record
uesowys1 小时前
华为OD算法开发指导-简易内存池
java·算法·华为od
gladiator+1 小时前
Java中的设计模式------策略设计模式
java·开发语言·设计模式
蒲公英源码1 小时前
基于PHP+Vue+小程序快递比价寄件系统
vue.js·小程序·php
期待のcode1 小时前
Dockerfile镜像构建
java·docker·容器