怎样创建vue3项目

Posted 咖啡壶子

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了怎样创建vue3项目相关的知识,希望对你有一定的参考价值。

怎样创建vue3项目

创建Vue3.0工程

1.使用 vue-cli 创建

官方文档:https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create

## 查看@vue/cli版本,确保@vue/cli版本在4.5.0以上
vue --version
## 安装或者升级你的@vue/cli
npm install -g @vue/cli
## 创建
vue create vue_test
## 启动
cd vue_test
npm run serve

2.使用 vite 创建

官方文档:https://v3.cn.vuejs.org/guide/installation.html#vite

vite官网:https://vitejs.cn

  • 什么是vite?—— 新一代前端构建工具。
  • 优势如下:
    • 开发环境中,无需打包操作,可快速的冷启动。
    • 轻量快速的热重载(HMR)。
    • 真正的按需编译,不再等待整个应用编译完成。
  • 传统构建 与 vite构建对比图
## 创建工程
npm init vite-app <project-name>
## 进入工程目录
cd <project-name>
## 安装依赖
npm install
## 运行
npm run dev

以上是关于怎样创建vue3项目的主要内容,如果未能解决你的问题,请参考以下文章

怎样创建vue3项目

Vue3.0项目从Webpack改造成Vite

我把vue3项目中的vuex去除了,改用 pinia

创建一个vue3项目

vue3微信公众号商城项目实战系列创建一个vue3项目

Vue3.0-ui创建项目