vite的基本使用
1 vite创建vue3.x的项目
通过Shift+鼠标右键打开PowerShell窗口
命令:
npm init vite-app 项目名称
cd 项目名称
npm install
npm run dev
2 项目的结构
3 vite项目流程
在工程化项目中,Vue要做的事很单纯。通过main.js把 App.vue渲染到index.html的指定区域中
其中:
(1)App.vue用来编写待渲染的(结构HTML)
(2)index.html中需要预留一个el区域
(3)main.js把App.vue渲染到了index.html所预留的区域中
首先从vue里导入一个函数createApp(),再导入待渲染的App.vue组件
createApp()的作用就是创建SPA应用实例,然后mount()方法把【App.vue组件渲染到el区域】
最后再审查一下: