当前位置: 首页 > news >正文

Vue3进行工程化项目,保姆级教学(编译软件:vscode)大部分编译平台适用

        

目录

1. 创建vue工程

1.1 第一步

1.2 选择名称和工件

1.3 选择语言

1.4 自动下载js

1.5 运行vue工程

1.6 成功页面

2. 更改vue工程安装的位置

3. 更改运行工程方式

第一步

第二步

​编辑

第三步

调试

​编辑 运行项目


前面所学都是vue3的基础,为了简约方便学习,所以只是在一个html文件中引用了vue.js来学习并使用,但是在真实的项目场景中早就流行了前后端分离,也就是前端项目也可以是一个独立的项目,那么就不在是一个个html文件这种形式了,需要把项目工程化,它也有自己的工程结构和相应的目录格式。那么接下来我们就来学习一个前端工程是怎么创建出来的。跟着下面的图示操作即可

1. 创建vue工程

1.1 第一步

win+R 打开cmd命令

1.2 选择名称和工件

选择Vue的时候 , 小键盘上下键移动, 回车键选择

1.3 选择语言

1.4 自动下载js

1.5 运行vue工程

1.6 成功页面

2. 更改vue工程安装的位置

有的小伙伴不想把vue工程放进c盘里, 或者说想要把工程放到自己的文件夹里. 那么我们在第二步的时候变更一下操作

3. 更改运行工程方式

有的小伙伴会说, 每次这样运行工程, 都很不方便, 有没有什么更简单易懂的方式快速上手呢? 有的兄弟, 有的!

首先,我们要记住自己创建好的vue工程位置,然后用自己的前端编译软件(我是vscode)打开文件夹

第一步

第二步

第三步

调试

 运行项目

接着就会出现这个画面

相关文章:

  • EmuEdit
  • JAVA EE(进阶)_进阶的开端
  • IS-IS 中间系统到中间系统
  • Java IO框架
  • 安卓端互动娱乐房卡系统调试实录:从UI到协议的万字深拆(第一章)
  • ADVB帧格式
  • 生产模式下react项目报错minified react error #130的问题
  • 学习黑客Active Directory 入门指南(三)
  • 《沙尘暴》观影记:当家庭成为人性的修罗场
  • React中巧妙使用异步组件Suspense优化页面性能。
  • 【Spring】核心机制:IOC与DI深度解析
  • 存内计算在AI推理中的落地挑战:从理论算力到实际吞吐量的鸿沟
  • 蓝桥杯19682 完全背包
  • 用户下单-01.需求分析和设计-接口设计
  • 【Linux网络编程】Socket编程-Socket理论入门
  • 深入了解linux系统—— 基础IO(上)
  • Redis学习打卡-Day3-分布式ID生成策略、分布式锁
  • 基于First Order Motion与TTS的AI虚拟主播系统全流程实现教程
  • UI-TARS本地部署
  • 中级网络工程师知识点7
  • 国家统计局:下阶段要继续发挥宏观政策作用,促进价格合理回升
  • 国家统计局:4月份各线城市商品住宅销售价格环比持平或略降
  • 中国旅马大熊猫“福娃”和“凤仪”启程回国
  • 国内规模最大女子赛艇官方赛事在沪启航,中外41支队伍逐浪
  • 科普|认识谵妄:它有哪些表现?患者怎样走出“迷雾”?
  • 《制止滥用行政权力排除、限制竞争行为规定(修订草案征求意见稿)》公开征求意见