2023最新vue安装(npm,yarn,国内镜像,vue安装,vue导包)全套教程2023年12月最新

第一步(安装npm)

官网地址:https://nodejs.org/en/download

windows安装yarn 详细教程_windows yarn-CSDN博客

第二步(yarn下载)

windows 下需要下载msi文件 ,下载地址:https://yarnpkg.com/latest.msi

npm install -g yarn

安装完成后,你可以测试下自己的版本

yarn --version

第三步(国内镜像)

1、设置淘宝镜像源 npm config set registry https://registry.npm.taobao.org/

2、查看镜像使用状态: npm config get registry

如果返回https://registry.npm.taobao.org/,说明配置的是淘宝镜像。

如果要在设置成官网npm config set registry https://registry.npmjs.org

第四步(使用npm下载vue)

使用npm下载vue

vue npm i @vue/cli -g

查看vue版本

vue -version

第五步(导入bootstrap依赖)

npm install bootstrap

main.js导包

import 'bootstrap/dist/css/bootstrap.css' //引用bootstrap的样式

import 'bootstrap/dist/js/bootstrap.min.js' //引用bootstrap的js

相关推荐
xy345312 小时前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计
蜡台18 小时前
ux-camera 跨平台相机组件
数码相机·vue·uniapp·camera·nvue·取景框
晴天1620 小时前
打造自己的 npm 包实战指南
前端·npm·node.js
西西小飞龙21 小时前
npm vs pnpm
前端·npm·node.js
大梦想家a1 天前
基于 HTML+CSS 的个人生活主页设计与实现
css·html·生活
雪芽蓝域zzs1 天前
第二十七节:进阶:路由权限控制 + 404 / 401 全局异常页面开发
前端·javascript·html
平头哥技术团队1 天前
Day 10 | 工欲善其事:VS Code 配置与项目归档
android·开发语言·前端·javascript·html·交互
www_aiyuanma_vip2 天前
中医文化主题网站源码html源码
html
Z兽兽2 天前
行内块元素在垂直方向上对齐问题
css·html·css3
Wang's Blog2 天前
Vibe Coding一人即团队系列58: HTML演示文稿自动生成
前端·人工智能·html