【6月日新计划更文活动】第14天

壹、创建Vue3.0工程

1. 使用 Vue cli创建

vue crete vue3_test

启动：npm run 

2. 使用 vite 创建

官方文档 ： 快速上手 | Vue.js        cn.vitejs.dev/

vite官网： vitejs.cn

• 优势 ：

  • 开发环境中，无需打包操作，可以快速冷启动
  • 轻量快速的热重载 (HMR)
  • 真正的按需编译，不再等待整个应用编译完成

• 传统创建与 vite 构建对比

Vite 动态引入

用 vite 创建项目
 npm init vite-app vue3_test_vite
进入项目
 cd vue3_test_vite
下载依赖
 npm install (or `yarn`)

关闭语法检查

module.exports = {
  // 关闭语法检查
  lintOnSave: false,
}

// 挂载 ——>  mount
app.mount('#app');
// 卸载 ——>  unmount
setTimeout(() => {
  // alert('即将卸载 app')
  if (confirm('卸载app')) {
    app.unmount('#app')
  }
}, 3000);