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

相关推荐
槑有烦恼5 分钟前
Java 字符串 & List集合 高频易错真题复盘(含全部错题+修正)
java
语戚7 分钟前
力扣 1621. 大小为K的不重叠线段的数目:动态规划(Java 实现)
java·算法·leetcode·动态规划·力扣·dp
君顾117 分钟前
本地托管机构管理源码实战:需求拆解、数据建模与多端部署
java·开发语言·托管
青山木17 分钟前
Hot 100 --- 最长有效括号
java·数据结构·算法·leetcode·动态规划
xcl092533 分钟前
本地电竞服务交易系统架构设计与实战:从同城匹配到订单履约
java·spring boot
曹牧37 分钟前
SVN 上查找文件
java
加贝哥|usun43 分钟前
maven项目从外网搬迁至内网-本地仓库(不搭建私服)
java
譕痕43 分钟前
notepad++安装插件 可视化展示 json串内容
json·intellij-idea
paopaokaka_luck1 小时前
小学非遗科普平台(AI 非遗科普问答,ECharts学情数据、非遗资源分类与审核,资源收藏下载与学习记录,学习任务发布和作品评分,活动报名签到与统计)
java·人工智能·spring·信息可视化·数据分析·echarts
Yize.2 小时前
Spring Task定时任务全解析:从入门到实战
java·spring