使用Vue3、Vite和Vant构建移动端模板脚手架教程

资源摘要信息:"构建手机端模板脚手架" 知识点： 1. Vue3：Vue.js是一个开源的JavaScript框架，用于构建用户界面。Vue3是Vue.js的最新版本，带来了许多新的特性和改进，例如：Composition API、Teleport、Fragments等。 2. Vite：Vite是一个轻量级的前端构建工具，它的核心功能是提供了一个开发服务器，可以快速启动和响应文件更改。Vite利用了浏览器的原生ES模块导入功能，使得在开发过程中，能够实现快速的热更新。 3. Vant：Vant是一个基于Vue.js的移动端组件库，提供了丰富的UI组件，可以帮助开发者快速构建出美观、易用的移动端应用。 4. i18n：i18n是一个国际化库，它可以让你的应用支持多语言。在Vue项目中，我们可以使用vue-i18n这个库来实现国际化。 5. Sass/Scss：Sass/Scss是一种CSS预处理器，它允许使用变量、嵌套规则、混合、导入等高级功能来编写CSS。Sass/Scss可以使得CSS的编写更加高效和易于维护。 6. rem适配方案：rem是一种CSS单位，它的值是相对于根元素（html元素）的字体大小。通过设置html元素的字体大小为视口宽度的百分比，可以实现移动端的响应式布局。 7. Axios封装：Axios是一个基于Promise的HTTP客户端，用于浏览器和node.js中。Axios封装是指将Axios进行二次封装，以实现更方便、更统一的HTTP请求处理。 8. Node.js版本要求：Vite需要Node.js 12.0.0 或更高版本 (推荐 14.0.0+)。如果你的电脑上安装了多个版本的Node.js，可以使用nvm这个工具来管理。 9. npm i：npm i是npm install的缩写，用于安装项目依赖。 10. 资源图片删除：在本示例中，系统的资源图片被全部删除，可能是因为项目中并未使用到这些图片，或者是为了减少项目的体积。