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

相关推荐
李白你好17 小时前
TongWeb EJB 反序列化生成工具(Java-Chain 插件)
java·安全
U盘失踪了18 小时前
Java 的 JAR 是什么?
java·jar
今天又在写代码19 小时前
java-v2
java·开发语言
competes19 小时前
慈善基金投资底层逻辑应用 顶层代码低代码配置平台开发结构方式数据存储模块
java·开发语言·数据库·windows·sql
2501_9130613420 小时前
网络原理知识
java·网络
希望永不加班20 小时前
Spring AOP 代理模式:CGLIB 与 JDK 动态代理区别
java·开发语言·后端·spring·代理模式
码喽7号21 小时前
Vue学习七:MockJs前端数据模拟
前端·vue.js·学习
flushmeteor21 小时前
java的动态代理和字节码生成技术
java·动态代理·代理·字节码生成
eggwyw21 小时前
基于SpringBoot和PostGIS的云南与缅甸的千里边境线实战
java·spring boot·spring
0xDevNull21 小时前
MySQL 别名(Alias)指南:从入门到避坑
java·数据库·sql