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

相关推荐
anOnion2 小时前
构建无障碍组件之Radio group pattern
前端·html·交互设计
前端Hardy8 小时前
HTML&CSS&JS:丝滑无卡顿的明暗主题切换
javascript·css·html
codingWhat15 小时前
前端组件库开发实践:从零到发布
前端·npm·vite
前端Hardy1 天前
HTML&CSS&JS:基于定位的实时天气卡片
javascript·css·html
前端Hardy2 天前
HTML&CSS:纯CSS实现随机转盘抽奖机——无JS,全靠现代CSS黑科技!
css·html
DeathGhost2 天前
分享URL地址到微信朋友圈没有缩略图?
前端·html
前端Hardy2 天前
HTML&CSS:高颜值产品卡片页面,支持主题切换
css·html
Never_Satisfied3 天前
在HTML & CSS中,nth-child、nth-of-type详解
前端·css·html
你怎么知道我是队长3 天前
前端学习---HTML---块元素和行内元素
前端·学习·html