windows下Vue3安装配置环境

一、Vue3基础环境配置

1、安装Node.js

打开nodejs官方网站nodejs.org/

2、验证安装

复制代码
node -v
npm -v

3、安装Vue CLI

bash 复制代码
npm install -g @vue/cli

4、创建Vue项目

lua 复制代码
vue create my-vue-project

5、进入项目目录并启动

arduino 复制代码
cd my-vue-project
npm run serve

6、构建项目(可选)

arduino 复制代码
npm run build

二、Vue3配置Bootstrap框架

1、安装Bootstrap

css 复制代码
npm install bootstrap@latest

2、在Vue组件中引入Bootstrap

arduino 复制代码
import 'bootstrap/dist/css/bootstrap.min.css';
import 'bootstrap/dist/js/bootstrap.bundle.min.js';
相关推荐
莱昂晨2 小时前
Vue 3偶发字体乱码 - 原因探究
前端·javascript·vue.js
Southern Wind2 小时前
Vue 3 + Naive UI 企业级后台管理系统完整解析
前端·vue.js·ui·typescript
LXXgalaxy2 小时前
小程序文件上传怎么做?一套可复用的 UniApp 上传+预览 Demo
javascript·vue.js·uni-app
wangjinsheng5932 小时前
Vue3 + Element Plus 前端 AI 编码模板
前端·vue.js·ai·elementui·ai编程
xiaohe073 小时前
SpringBoot + vue 管理系统
vue.js·spring boot·后端
Cobyte3 小时前
2.响应式系统基础:依赖追踪的基础 —— 发布订阅模式(前端应用最广的设计模式)
前端·javascript·vue.js
qq_381338503 小时前
Vue3 响应式系统深度解析:从原理到性能优化实战
vue.js·性能优化
xuankuxiaoyao3 小时前
VUE.JS实践--事件对象和计算属性
javascript·vue.js·ecmascript
上单带刀不带妹3 小时前
UniApp 页面跳转完全指南:5 种路由方式详解与实战对比
前端·javascript·vue.js·uni-app·跨端开发