目录

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）打开文件夹

第一步

第二步

第三步

调试

 运行项目

接着就会出现这个画面