跨境派

跨境派

跨境派,专注跨境行业新闻资讯、跨境电商知识分享!

当前位置:首页 > 卖家故事 > 利用VSCode创建前端vue项目,详细步骤

利用VSCode创建前端vue项目,详细步骤

时间:2024-04-15 20:50:29 来源:网络cs 作者:欧阳逸 栏目:卖家故事 阅读:

标签: 项目  详细  步骤  创建  利用 
阅读本书更多章节>>>>

利用VScode创建vue项目,详细步骤

1.先创建项目需要放置的文件夹,打开VSCode

在这里插入图片描述

2.输入终端指令:vue create wms-web,回车即可创建

在这里插入图片描述

3.跳出vue版本选择,根据需要选择版本,这里选择vue2,然后回车

在这里插入图片描述

4.等待创建完成…

在这里插入图片描述

5.创建成功后,最后显示两行命令:cd wms-web,npm run serve

在这里插入图片描述

6.根据命令输入cd wms-web,进入wms-web项目,输入npm run serve回车后即可启动运行项目

在这里插入图片描述

7.项目启动后会出现http://localhost:8080/,http://192.168.43.81:8080/,复制其中一个到浏览器,即可看到项目界面,这里打开谷歌浏览器查看

在这里插入图片描述
在这里插入图片描述
到这里,整个项目就创建并成功运行了

阅读本书更多章节>>>>

本文链接:https://www.kjpai.cn/gushi/2024-04-15/159205.html,文章来源:网络cs,作者:欧阳逸,版权归作者所有,如需转载请注明来源和作者,否则将追究法律责任!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。

文章评论