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';
相关推荐
溪语流沙3 分钟前
【Web全栈进阶】前端世界观:现代工具链与框架为什么存在
前端·javascript·vue.js
WeiXin_DZbishe1 小时前
基于微信小程序的本地闲置物品交易平台-计算机毕设 附源码【课程设计】26825
vue.js·spring boot·python·微信小程序·架构·php·课程设计
高级程序源2 小时前
springboot本地生活服务平台33399-计算机课程设计、毕业设计
vue.js·spring boot·python·mysql·小程序·flask·课程设计
高级程序源2 小时前
springboot社区旧物回收管理系统25381-计算机课程设计、毕业设计
vue.js·spring boot·python·django·课程设计
高级程序源2 小时前
springboot大学生体测系统72170-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·python·django·课程设计
WeiXin_DZbishe2 小时前
基于Node.js的马拉松赛事管理系统的设计与实现-计算机毕设 附源码【课程设计】90211
java·javascript·vue.js·python·php·课程设计
风早爽太3 小时前
Mac 搭建 Vue 开发环境
前端·vue.js
高级程序源3 小时前
springboot校园外卖平台13676-计算机课程设计、毕业设计
java·vue.js·spring boot·后端·tomcat·maven·课程设计
高级程序源4 小时前
springboot荆州旅游推介平台24175-计算机课程设计、毕业设计
vue.js·spring boot·python·mysql·django·课程设计
高级程序源5 小时前
hive电商平台商品销售数据分析与趋势预测45659-计算机课程设计、毕业设计
vue.js·hive·spring boot·mysql·数据分析·django·课程设计