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)打开文件夹
第一步
第二步
第三步
调试
运行项目
接着就会出现这个画面