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

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区域】

最后再审查一下: 

 

相关文章:

  • VUE组件化
  • 获取当前程序路径
  • vue3.X调试工具vue-devtools-6.0.0安装
  • 组件的基本使用上
  • 电子技术中的dB
  • 组件的基本使用下
  • Git代码版本控制
  • 阿里云9折推荐码:0LGVW2
  • 微信小程序真机调试regeneratorRuntime is not defined错误
  • 给笔记本电脑外接显示器增加副屏
  • wx.getUserProfile is not a function微信小程序报错
  • TCP连接探测中的Keepalive和心跳包
  • 关于Redis的一些好玩东西
  • hot code loading in nodejs
  • java中的基本数据类型
  • SegmentFault for Android 3.0 发布
  • 【5+】跨webview多页面 触发事件(二)
  • create-react-app项目添加less配置
  • github指令
  • miniui datagrid 的客户端分页解决方案 - CS结合
  • React-flux杂记
  • React-Native - 收藏集 - 掘金
  • windows下如何用phpstorm同步测试服务器
  • Work@Alibaba 阿里巴巴的企业应用构建之路
  • 持续集成与持续部署宝典Part 2:创建持续集成流水线
  • 搭建gitbook 和 访问权限认证
  • 工作手记之html2canvas使用概述
  • 机器学习中为什么要做归一化normalization
  • 记一次删除Git记录中的大文件的过程
  • 前端每日实战:70# 视频演示如何用纯 CSS 创作一只徘徊的果冻怪兽
  • 如何进阶一名有竞争力的程序员?
  • 使用阿里云发布分布式网站,开发时候应该注意什么?
  • 你对linux中grep命令知道多少?
  • 教程:使用iPhone相机和openCV来完成3D重建(第一部分) ...
  • ​你们这样子,耽误我的工作进度怎么办?
  • # C++之functional库用法整理
  • ### Error querying database. Cause: com.mysql.jdbc.exceptions.jdbc4.CommunicationsException
  • #pragma once与条件编译
  • #QT项目实战(天气预报)
  • #我与Java虚拟机的故事#连载17:我的Java技术水平有了一个本质的提升
  • (Arcgis)Python编程批量将HDF5文件转换为TIFF格式并应用地理转换和投影信息
  • (Ruby)Ubuntu12.04安装Rails环境
  • (附源码)spring boot儿童教育管理系统 毕业设计 281442
  • (附源码)ssm高校升本考试管理系统 毕业设计 201631
  • (附源码)ssm考生评分系统 毕业设计 071114
  • (黑马C++)L06 重载与继承
  • (算法)Game
  • (五)c52学习之旅-静态数码管
  • (转载)微软数据挖掘算法:Microsoft 时序算法(5)
  • .gitignore文件_Git:.gitignore
  • .NET Core MongoDB数据仓储和工作单元模式封装
  • .Net Core缓存组件(MemoryCache)源码解析
  • .NET大文件上传知识整理
  • .pop ----remove 删除
  • @基于大模型的旅游路线推荐方案