快速创建vue3的方法(使用vite创建)

作者:老吴

1、什么是vite

  1. Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发,在生产环境下基于 Rollup 打包。
  2. 它主要具有以下特点:
    • 快速的冷启动
    • 即时的模块热更新
    • 真正的按需编译

2、创建项目

  1. 先下载所需的依赖包
cnpm i -g create-vite-app
  1. 然后直接创建项目
create-vite-app vue3App
  1. 然后直接进入到该目录中
cd vue3App
  1. 然后下载所有依赖
cnpm i 
  1. 然后把项目跑起来
npm run dev

3、对应效果

  1. 项目已成功
    创建完成之后成功的效果
  2. 在浏览器打开
    浏览器效果
  3. 项目框架
├── index.html
├── package.json
├── public
│   └── favicon.ico
└── src
    ├── App.vue
    ├── assets
    │   └── logo.png
    ├── components
    │   └── HelloWorld.vue
    ├── index.css
    └── main.js

如有不足之处欢迎下方评论


版权声明:本文为weixin_49356003原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。