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

�  Su***essfully created project idea-create-hello-world-project.
�  Get started with the following ***mands:

 $ npm run serve
 

6、在Terminal中执行启动命令

npm run serve

7、在浏览器中访问 http://localhost:8080/

转载请说明出处内容投诉
CSS教程_站长资源网 » 在IDEA中创建vue hello-world项目

发表评论

欢迎 访客 发表评论

一个令你着迷的主题!

查看演示 官网购买