文章目录
相关文档
最近比较忙,月未抽个空…
搭建vue3项目方式
搭建
vue3
有两种主要方式:
1. 使用@vue/cli
搭建
- 创建项目
vue create project-name
- 根据提示操作, 但要注意
vue
版本
2. 使用vite搭建
- 下面将介绍
使用vite搭建vue项目
搭建第一个vite项目
注意: nodejs
版本需要>=12.0.0
搭建方式
- 通过在
vscode
中,可以使用 Vite 快速构建 Vue 项目 - 使用
NPM
npm init @vitejs/app
- 使用
Yarn
yarn create @vitejs/app
- 还可以使用附加命令选择指定的模板
# npm 6.x
npm init @vitejs/app my-vue-app --template vue
安装步骤
- 这里使用
npm
方式安装 - 按提示操作, 选择
项目名称
及模板
- 选择使用的
编程语言
- 按照以下提示
进入项目
、安装依赖
及运行
- 第一个
vite
项目就搭建好了。
浏览器检查不到vue?
- 需要更新
devtools
戳我 chrome
更新扩展程序
打包后运行项目空白?
- 因路径原因,需要配置
vite.config.js
文件中base
路径
import { defineConfig } from "vite";
import vue from "@vitejs/plugin-vue";
// https://vitejs.dev/config/
export default defineConfig({
plugins: [vue()],
base: './',
});